随笔分类 -  菜单导航特效代码

上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 17 下一页
各类菜单导航特效代码。
CSS写的青色漂亮导航菜单代码
摘要：代码简介：简洁型的CSS导航菜单，没有用到图片，但看着很舒服，老外网站的东西，CSS代码很简洁，复制代码即可使用。代码内容：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>CSS写的青色漂亮导航菜单代码_网页代码站(www.webdm.cn)</title><meta http-equiv="Content-Type" content="text/html; cha 阅读全文
posted @ 2011-04-17 12:00 网页代码站 阅读(1365) 评论(0) 推荐(0)
Js+Css仿Flash效果导航菜单代码
摘要：代码简介：很动感的FLASH效果的DIV+Css网站导航菜单，竖向排列，响应鼠标运作，还有光照特效，很有动感的样子，界面也挺漂亮，值得收藏一下。代码内容：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Js+Css仿Flash效果导航菜单代码_网页代码站(www.webdm.cn)</title><style>body{ background-color: 阅读全文
posted @ 2011-04-17 11:51 网页代码站 阅读(425) 评论(0) 推荐(0)
CSS绿色导航代码
摘要：代码简介：很漂亮、代码很简洁的CSS导航条，鼠标放上更换菜单背景颜色，简单才是应道理，希望你们喜欢。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="C 阅读全文
posted @ 2011-04-16 10:17 网页代码站 阅读(1418) 评论(0) 推荐(0)
可自动定时切换的选项卡/滑动门导航代码
摘要：代码简介：这个滑动门特效不错，可以设定时间，自动循环切换，也可以鼠标控制，而且选项卡也比较漂亮，在新浪和百度见到过这种自动切换的TAB，很实用，代码也简洁。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> 阅读全文
posted @ 2011-04-16 10:16 网页代码站 阅读(481) 评论(0) 推荐(0)
一款简单另类的CSS导航菜单代码
摘要：代码简介：很个性的一个CSS网站导航条，每个菜单的前端都有不同的颜色，有点与从不同，其实代码很简单，也容易修改。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv=& 阅读全文
posted @ 2011-04-15 11:52 网页代码站 阅读(386) 评论(0) 推荐(0)
JS+CSS仿admin5站长网首页导航菜单代码
摘要：代码简介：很好看的一款网站首页导航条，仿Admin5站长网的导航菜单风格，清新蓝色，结构清淅，基于CSS和JavaScript，修改及使用方便，美观大方。菜单条要用到5个GIF图片，点击运行后可自行保存一下。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/ 阅读全文
posted @ 2011-04-15 11:51 网页代码站 阅读(460) 评论(0) 推荐(1)
简单JS滑动门代码
摘要：代码简介：简约型TABS选项卡，CSS滑动门代码，一个实现的基本雏形，重要的技术点已经帮你实现，至于你用时候怎么改，要自己发挥一下哦，无非是增加一个框内的ul、li列表，这个很好定义。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"& 阅读全文
posted @ 2011-04-14 11:17 网页代码站 阅读(555) 评论(0) 推荐(0)
来自腾讯QQ网站首页的选项卡菜单代码
摘要：代码简介：来自腾讯QQ网站首页的滑动门菜单，灰色风格，简洁清新，CSS+JS实现，可以一行两列显示，自动省略多出的内容，整齐美观，值得借鉴一下。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m 阅读全文
posted @ 2011-04-13 12:03 网页代码站 阅读(484) 评论(0) 推荐(0)
来自X-Menu 动感导航菜单代码（JS实现）
摘要：代码简介：X-Menu 动感导航菜单，效果很好。像FLASH动画一样，有兴趣的朋友好好研究一下。代码内容：<html><head><meta http-equiv="Content-Language" content="zh-cn"><title>来自X-Menu 动感导航菜单代码（JS实现）_网页代码站(www.webdm.cn)</title><style>.b{color=#000066;cursor:hand}.menu {font-family:Arial;cursor:D 阅读全文
posted @ 2011-04-13 11:59 网页代码站 阅读(381) 评论(0) 推荐(0)
又一款绿色后台管理菜单代码（Js+Css）
摘要：代码简介：很不错的可以适合网站后台使用的纯CSS菜单，响应鼠标点击事件，类似有AJAX的效果，修改方便，代码含有丰富注释，新手朋友也能够轻易修改，颜色可调，代码段要用到一个关闭图片，请点击运行后自行下载。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xh 阅读全文
posted @ 2011-04-12 11:34 网页代码站 阅读(777) 评论(0) 推荐(0)
一款很个性的蓝色JS+CSS选项卡代码
摘要：代码简介：比较个性的网页选项卡，一改方方正正的风格，换为这种菱形的样式，看上去很生动，鼠标点击后切换，而非滑动门，代码段演示了在同一个网页中调用两个TAB选项卡，方便你的调用。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">& 阅读全文
posted @ 2011-04-12 11:26 网页代码站 阅读(602) 评论(0) 推荐(0)
很棒带阴影的JS+CSS滑动门菜单代码
摘要：代码简介：绝对值得一看的CSS滑动门，因为它在鼠标放上后自动弹出一个带阴影的层，无操作的情况下层会自动隐藏，这样更节省网页布局，而且它的风格也很清新，淘宝网有这种效果，没有用到任何修饰图片，绝对不容错过。代码内容:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo 阅读全文
posted @ 2011-04-11 11:12 网页代码站 阅读(421) 评论(0) 推荐(0)
很靓很大气的简约红色CSS菜单代码
摘要：代码简介：一款漂亮的CSS阴影菜单，可以有二级，不过用到了几个图片，查看演示的时候可以自行下载，红白相间，很清新的网站导航菜单条。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title> 阅读全文
posted @ 2011-04-11 11:11 网页代码站 阅读(517) 评论(0) 推荐(0)
仿微软中国的滑动门导航菜单代码
摘要：代码简介：模仿微软中国首页的CSS滑动门（TABS），竖向排列的选项卡，比较漂亮，要用到3个图片，点击运行可以看到效果，图片请自行下载。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title 阅读全文
posted @ 2011-04-09 09:20 网页代码站 阅读(517) 评论(0) 推荐(0)
漂亮红黑风格的CSS导航菜单代码
摘要：代码简介：红黑风格的CSS首页导航条，用作首页极棒了！用到有两个背景图片，查看演示时候可以下载，代码简洁，修改方便。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>漂亮红黑风格 阅读全文
posted @ 2011-04-09 09:19 网页代码站 阅读(351) 评论(0) 推荐(0)
用Cookie来保存菜单当前位置代码
摘要：代码简介：用JavaScript操作Cookie实现菜单保存的一个实例，如果你正在编写一个JS层拖动的功能，那么这段代码可以帮你实现拖动位置的保存，让浏览器去保存用户拖动网页某个层的位置，这样是不是方便了很多？代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999 阅读全文
posted @ 2011-04-08 00:29 网页代码站 阅读(325) 评论(0) 推荐(0)
【教程】Css+Js写的清新选项卡、滑动门代码
摘要：代码简介：效果很不错的WEB网页TAB选项卡，另附一款滑动门，其实选项卡和滑动门的区别就是鼠标是否点击触发，如果鼠标滑过就触发的话那就是滑动门，点击触发也就是选项卡，两者结构及CSS几乎相同，不同在JS的的触发事件上，仔细看一下就会发现不同了。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http: 阅读全文
posted @ 2011-04-08 00:27 网页代码站 阅读(339) 评论(0) 推荐(0)
单击单选按钮切换对应的菜单代码
摘要：代码简介：点击单选按钮，相对应的选项会跟着改变，这是一款非常实用的小技巧，很多时候我们都能用得上，这要归功于JavaScript的功劳；另外，本段代码也示例了用CSS布局表单的方法，那就是多用Lable，这样能产生一行一列的对应效果。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www 阅读全文
posted @ 2011-04-07 10:49 网页代码站 阅读(629) 评论(0) 推荐(0)
鼠标滑动带动画下拉展开的滑动门代码
摘要：代码简介：这个滑动门真的太好了，在雅虎网站扒下来的，会动画展开的滑动门，你见过没？过一段时间会自动合上，在yahoo首页的邮箱登录处有这种效果，有兴趣可以比较一下。代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><hea 阅读全文
posted @ 2011-04-07 10:48 网页代码站 阅读(489) 评论(0) 推荐(0)
仿腾讯QQ的紫色下拉折叠菜单代码
摘要：代码简介：仿腾讯QQ风格一样的下拉菜单，可以伸缩和展开，点击鼠标可以控制，这种菜单大部分人都很喜欢，因为结构清淅，不占用网页布局过多的空间，基于DIV+CSS，符合WEB标准，真的很不错哦！代码内容：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="www.w3.org/1999/xhtml"><head 阅读全文
posted @ 2011-04-06 10:05 网页代码站 阅读(316) 评论(0) 推荐(0)

上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 17 下一页