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

1 2 3 4 5 ··· 17 下一页
各类菜单导航特效代码。
【荐】JS+CSS全力打造的一级横向滑动，二级竖向下拉综合菜单
摘要：代码简介：一级横向滑动，二级竖向下拉综合菜单，这个菜单一共是三级，前两级是滑动切换的方式，第三级主要是下拉菜单的形式，虽然简单的样式简约，但是实现他们其实是很复杂的，希望从事前端开发的朋友一同参考一下吧。代码内容：View Code <!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.o 阅读全文
posted @ 2011-08-02 10:17 网页代码站 阅读(910) 评论(1) 推荐(0)
经典的蓝色JS+CSS下拉菜单
摘要：代码简介：纯CSS代码实现比较经典的蓝色风格下拉菜单，最多支持两级，适用于各种企业网站，新闻资讯类网站，效果挺棒的，不是吗？虽然没有用到过多的修饰，但给你的感觉清新、大方、简洁，符合现代网站的特点。代码内容：View Code <html><title>经典的蓝色JS+CSS下拉菜单_网页代码站(www.webdm.cn)</title><style>*{margin:0;padding:0;border:0;}#div_center{width:790px;height:23px;background:#003399;margin-left:a 阅读全文
posted @ 2011-08-02 10:14 网页代码站 阅读(734) 评论(0) 推荐(0)
【荐】jQuery实现有动画淡出的二级折叠菜单
摘要：代码简介：jQuery有动画淡出的二级折叠菜单代码，相当不错，因考虑功能的实现，所以没有怎么美化，不过这样也好，可以给大家更多的空间来修饰美化，想怎么弄就怎么弄了。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><h 阅读全文
posted @ 2011-07-30 10:37 网页代码站 阅读(584) 评论(0) 推荐(0)
纯CSS打造的一款简约的灰色下拉菜单
摘要：代码简介：纯CSS两级下拉菜单，见得多了吧？本款完全是用CSS实现，没有任何的JavaScript代码，兼容性方面在IE8下没问题，IE6/IE7尚未测试。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head& 阅读全文
posted @ 2011-07-30 10:36 网页代码站 阅读(516) 评论(0) 推荐(0)
JS+CSS类似QQ好友/黑名单的树型菜单
摘要：代码简介：这个菜单堪称极品啊，不过里面的有些图标丢失了，路径还留在那，真想使用的朋友自己制作两个折叠菜单的图标按路径传上去就行了，这个菜单是模仿QQ面板的菜单功能，很多朋友还是很喜欢这种功能的，没想到用这么少的JS代码也可实现，值得代签哦。代码内容：View Code <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>JS+CSS类似QQ好友/黑名单的树型菜单_网页代码站(www.webdm.cn)</TITLE>& 阅读全文
posted @ 2011-07-29 10:21 网页代码站 阅读(426) 评论(0) 推荐(0)
jquery打造一个会自动播放样子也很经典的选项卡tab
摘要：代码简介：这个可是比较经典的选项卡啊，不但会自动播放，而且样式也很经典，基于jquery1.3.2的选项卡，结合了淡入淡出物资，感觉挺棒噢，不过代码稍嫌多，希望老手把代码优化一下哦。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml" 阅读全文
posted @ 2011-07-29 10:20 网页代码站 阅读(544) 评论(0) 推荐(0)
jQuery实现选项卡Tab菜单滚动
摘要：代码简介：jQuery让你的Tab菜单滚动的代码,先运行一下看看效果咋样?是不是超不错,让你的网页变得灵动起来,不再静止,学习jquery的朋友也可作为范例来参考吧.代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><htmllang="en"><head><title>jQuery实现选项卡Tab菜单滚动_网页代码站(www.webdm.c 阅读全文
posted @ 2011-07-28 11:22 网页代码站 阅读(902) 评论(0) 推荐(0)
【荐】CSS+JS打造简洁的滑动门TAB
摘要：代码简介：滑动TAB，滑动门，CSS+Js代码，貌似很不错的样子，风格经典，鼠标感应很不错，代码量少，用到网页上挺不错的。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>【 阅读全文
posted @ 2011-07-28 11:22 网页代码站 阅读(467) 评论(0) 推荐(0)
jQuery写淡入淡出的选项卡TAB菜单
摘要：代码简介：淡入淡出的Tab选项卡菜单，基于jQuery1.3.2类库，当用鼠标点击某个选项卡的时候，对应的内容渐渐出现，有种缓冲的感觉，这样人的眼睛更容易接受，可有效提升网站用户体验，也为网站增加一点动感元素。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/19 阅读全文
posted @ 2011-07-27 10:42 网页代码站 阅读(495) 评论(0) 推荐(0)
JS打造仿QQ的精简版折叠菜单
摘要：代码简介：代码经过精简后的仿QQ折叠菜单，以前发过的，不过这个是经过几轮代码精简后的一个版本，而且在各浏览器下的表现也很不错，兼容性没出问题。代码内容：View Code <!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>JS打造仿QQ的精简版折叠菜单_网页代码站(www.webdm.cn)</title></head><body><styletype="text/css"> 阅读全文
posted @ 2011-07-27 10:41 网页代码站 阅读(404) 评论(0) 推荐(0)
【强烈推荐】myFocus-tab打造的各种功能的选项卡切换
摘要：代码简介：myFocus-tab各种功能的选项卡切换，有的是带有动画效果的，各款基于myFocus库制作的焦点图风格皮肤，可自行按需选择，myFocus焦点图库及皮肤可自由使用，保留作者相关信息即可，谢谢支持！^^代码内容：View Code <!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-07-24 11:52 网页代码站 阅读(279) 评论(0) 推荐(0)
【荐】JS+CSS实现兼容好带缓冲的动感网页右键菜单
摘要：代码简介：兼容好带缓冲的动感网页右键菜单，应该来说做的非常棒，完全JavaScript的实现，我觉得挺不错，感谢作者。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>【荐】 阅读全文
posted @ 2011-07-24 11:49 网页代码站 阅读(301) 评论(0) 推荐(0)
很不错的JS+CSS滑动门
摘要：代码简介： 绝对值得一看的CSS滑动门，因为它在鼠标放上后自动弹出一个带阴影的层，无操作的情况下层会自动隐藏，这样更节省网页布局，而且它的风格也很清新，淘宝网有这种效果，没有用到任何修饰图片，绝对不容错过。 代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml 阅读全文
posted @ 2011-07-23 09:21 网页代码站 阅读(394) 评论(0) 推荐(0)
【荐】很棒的3种不同风格的选项卡TAB特效
摘要：代码简介：这一个特效将网页中的选项卡滑动门都集中到一个网页中来，有些同志曾经为同一个页面布置两个滑动门而烦恼，参考一下本例子，相信你会找到答案，而且有各种排列方式的选项卡，总有一款会满足你。代码内容：View Code <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"lang=&qu 阅读全文
posted @ 2011-07-23 09:19 网页代码站 阅读(631) 评论(1) 推荐(0)
JS+CSS实现的二级下拉导航菜单
摘要：代码简介：CSS配合JavaScript实现二级下拉导航菜单，好像CSS要配合JS才能写出好效果来，本款菜单同样用到了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 阅读全文
posted @ 2011-07-21 11:31 网页代码站 阅读(925) 评论(0) 推荐(0)
采用jQuery连缀写法的折叠菜单
摘要：代码简介：jQuery 连缀写法折叠菜单代码，作者是位高手啊，自己用jQuery的连缀写法编写的，差不多是手风琴菜单，功能是实现了，不过有点担心效率，作者希望与高人一起交流进步。代码内容：<!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-07-21 11:28 网页代码站 阅读(527) 评论(0) 推荐(0)
JS打造类似QQ的折叠菜单
摘要：代码简介：QQ折叠菜单，JavaScript网页版，仿OUTLOOK菜单，相当牛，见识一下。代码内容：<!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 runat="server"><t 阅读全文
posted @ 2011-07-19 12:24 网页代码站 阅读(320) 评论(0) 推荐(0)
jQuery智能判断是否是当前导航并加标记
摘要：代码简介：jQuery 菜单，可以智能判断是否是当前导航，如果是，则给当前的菜单项添加一个标记，而你的CSS文件并不需要重新定义，完全交给jQuery 来处理，现在有些朋友或许已经明白了，是jQuery让这种智能菜单变得更加有创意。代码内容：<!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-07-19 12:23 网页代码站 阅读(452) 评论(0) 推荐(0)
【荐】JS封装的一个无限级的下拉树形菜单
摘要：代码简介： js实现无限级树形下拉导航菜单，简洁实用，用到一个已封装好的JS类，有用的大家借鉴一下。代码简介： <title>【荐】JS封装的一个无限级的下拉树形菜单_网页代码站(www.webdm.cn)</title><style type="text/css"> *{ margin:0; padding:0; list-style:none;} body { margin:20px;} h2 { font-family:"黑体"; font-size:24px; text-align:center; line-h 阅读全文
posted @ 2011-07-18 14:02 网页代码站 阅读(930) 评论(0) 推荐(0)
纯CSS仿迅雷首页的菜单导航代码
摘要：代码简介：这个导航条做的不错，是模仿迅雷视频网站的，完全基于CSS和HTML代码，大气清新，请运行一下看看效果如何。 代码内容：<!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>纯CSS仿 阅读全文
posted @ 2011-07-18 13:58 网页代码站 阅读(588) 评论(0) 推荐(0)

1 2 3 4 5 ··· 17 下一页