简洁的滑出菜单

2024-09-05 12:19:19

字体：大中小

来源：转载

供稿：网友

一款风格简洁的CSS+JS滑出菜单，支持二级，不过你可将其变为三级，再嵌套一个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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>滑出菜单</title> <script language="javascript"> startList = function() { if (document.all && document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over";  }  node.onmouseout=function() {  this.className=this.className.replace(" over", "");  }  }  }  } } window.onload=startList; </script> <style type="text/css">  </style> </head> <body> <ul id="nav">   <li>首页</li>   <li>ASP源码   <ul>   <li>社区论坛</li>   <li>AJAX相关</li>   <li>精品程序</li>   <li>CMS建站</li>   <li>聊天留言</li>   </ul>   </li>   <li>PHP源码   <ul>   <li>新闻文章</li>   <li>聊天留言</li>   <li>论坛社区</li>   <li>图片相册</li>   </ul>   </li>  </ul>  </body> </html>

上一篇：很独特的弹性下拉导航菜单

下一篇：Js+DVML很酷的右键动画弹出菜单

学习交流

如何查找有故障的配件

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

热门图片

猜你喜欢的新闻

猜你喜欢的关注