首页
懒人素材
技术文档
设计欣赏
广告达人
酷站推荐
有趣新鲜
懒人旧版
懒人博客
素材图库
懒人论坛
显而易见，最高的效率就是对现有材料的最佳利用。学会偷懒，并懒出境界是提高工作效率最有效的方法！
懒人素材目前共33类素材专辑，涵盖了常用的制作素材，即便您是菜鸟，也会在这里学习进步的~
我的电脑
-
HTML+CSS
-
设计杂谈
-
站长手册
-
Google AdSense
-
Alexa排名
-
懒人教程
-
摄影技巧
平面设计
-
WEB设计
-
海报设计
-
艺术设计
广告语录
-
经典创意
黑色
-
红色
-
黄色
-
白色
-
灰色
-
橙色
-
绿色
-
蓝色
-
紫色
-
粉色
-
彩色
趣味生活
-
先锋数码
网页小图片
-
MSN表情
-
flashicon
-
flashbg
-
玩转表格
-
焦点图广告图片
-
博客/论坛表情图片
-
韩国像素
懒人动态
-
生活笔记
-
技术文档
-
音乐公园
-
乱七八糟
图蛙现有495个图片分类，共有78534张图片，如果你是网页设计师或平面设计师，亦或者你是图片收藏爱好者，那么图蛙将非常适合你。 ››
请进
PNG&ICO图标区
-
矢量素材区
-
实用代码区
-
导航菜单区
-
网页小图片
-
模板交流区
-
图片素材区
-
素材求助区
-
原创作品区
-
设计鉴赏区
-
论坛灌水区
PNG图标(389)
网页小图片(15)
网页背景(10)
JS广告代码(146)
网页配色(25)
桌面壁纸(83)
软件下载(18)
导航菜单(56)
矢量素材(142)
flash全站(30)
字体下载(5)
QQ表情(4)
便捷工具(21)
打包下载(26)
实用代码片段(214)
PS笔刷(8)
超级懒人(10)
屏幕保护(11)
Flash效果(33)
BOX盒子(12)
AJAX下载(4)
表单美化(7)
PSD网页模板(21)
程序下载(2)
Flash广告欣赏(30)
时间与效率(15)
CSS+DIV模板(12)
网页音乐播放器(18)
矢量LOGO(13)
flash导航(17)
flash时钟(145)
psd分层素材(18)
首页
>>
懒人素材
>>
导航菜单
>> 正文
CSS黑色超酷多级菜单
VIEW:
来源：
懒人图库
作者：不详
2007-07-16
<!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="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style> body { margin: 7px; font:12px Verdana, Arial, Helvetica, sans-serif; } * { list-style-type: none; margin: 0px; padding: 0px; border: thin none; } #nav { position: absolute; font-size: 9px; opacity: 0.8; } #nav a { display: block; width: 100px; height: 15px; padding: 3px 5px 12px; background: #666; color: #fff; text-decoration: none; } #nav a:hover { background: #333; } #nav li { float: left; clear: left; width: 120px; background: #ccc; padding-bottom: 3px; } #nav ul { position: absolute; margin-left: 115px; margin-top: -30px; } #nav ul { display: none; } #nav li.show ul { display: block; } #nav li.show li ul { display: none; } #nav li li.show ul { display: block; } </style> <script language="javascript" type="text/javascript"> function menuFix() { var sfEls = document.getElementById("nav").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=(this.className.length>0? " ": "") + "show"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp("( ?|^)show\\b"), ""); } } } window.onload=menuFix; </script> </head> <body> <ul id="nav"> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> </ul> </li> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> </ul> </li> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> </ul> </li> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> </ul> </li> </ul> </li> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> </ul> </li> <li><a href="#">nav item</a> <ul> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> <li><a href="#">nav item</a></li> </ul> </li> </ul> </body> </html>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
上一篇文章：
下一篇文章：
[
关闭窗口
]
JS广告代码
+ 站点更新
+ 热门点击
首页 >> 懒人素材 >> 导航菜单 >> 正文
上一篇文章：
下一篇文章：
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();){kind=logo}
