一款经典的CSS二级下拉菜单

2024-09-05 12:19:33

字体：大中小

来源：转载

供稿：网友

一款比较经典的CSS二级下拉导航菜单，初始颜色是灰色，如果不能让你满意，那你可以自己慢慢修改完善。兼容目前大部分浏览器，鼠标滑过变色，菜单项目无限制扩展，有多少显多少，每个菜单下可以支持子分类，很实用。

<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>经典CSS二级下拉菜单</title><style type="text/css"></style><script 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? " ": "") + "sfhover";  }  sfEls[i].onMouseDown=function() {  this.className+=(this.className.length>0? " ": "") + "sfhover";  }  sfEls[i].onMouseUp=function() {  this.className+=(this.className.length>0? " ": "") + "sfhover";  }  sfEls[i].onmouseout=function() {  this.className=this.className.replace(new RegExp("( ?|^)sfhover//b"), "");  } }}window.onload=menuFix;//--><!]]></script></head><body><ul id="nav"><li>网站相关 <ul> <li>最新下载</li> <li>下载排行</li> <li>最新更新</li> </ul></li><li>电子书籍 <ul> <li>AJAX教程</li> <li>CSS教程</li> <li>JAVA教程</li> </ul></li><li>JAVA <ul> <li>游戏源码</li> <li>初学实例</li> </ul></li><li>ASP <ul> <li>论坛社区</li> <li>AJAX相关</li> <li>新闻文章</li> </ul></li><li>PHP <ul> <li>聊天留言</li> <li>AJAX相关</li> </ul></li><li>联系我们 <ul> <li>联系我们</li> </ul></li></ul></body>

上一篇：CSS带图片的漂亮导航菜单

下一篇：CSS+JS三级滑动菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注