CSS+JS三级滑动菜单

2024-09-05 12:19:33

字体：大中小

来源：转载

供稿：网友

三级滑出菜单，基于CSS+JS，默认是灰色，它可以支持三级分类，鼠标放上自动展开菜单子分类。竖向排列，适合的场合也很多，有兴趣的朋友可以试着美化一下，把菜单加一个背景，或者变变颜色还是不错的。

<html><head><title>三级菜单</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><style type="text/css"></style><script type="text/javascript">img1=new Image();img1.src="";sfHover = function() {var sfEls = document.getElementById("nav").getElementsByTagName("LI");for (var i=0; i<sfEls.length; i++) {sfEls[i].onmouseover=function() {this.className+=" sfhover";}sfEls[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" sfhover//b"), "");}}}window.onload=sfHover;</script></head><body><table width="120" border="0" align="center" cellpadding="0" cellspacing="0" ><tr><td valign="top" id="menu"><ul id="nav"><li>网站首页</li><li>源码下载<ul><li>ASP源码<ul><li>聊天留言</li><li>企业建站</li><li>论坛社区</li><li>新闻文章</li></ul></li><li >PHP源码<ul><li>博客日记</li><li>CMS系统</li><li>学校政府</li><li>影音视频</li></ul></li><li >JAVA源码<ul><li>Ajax相关</li><li>综合其它</li></ul> </li><li>其它下载</li></ul></li><li>最新服务<ul><li>最新更新</li><ul><li>办公管理</li><li>小偷采集</li><li>整站程序</li><li>统计调查</li><li>广告网赚</li><li></ul><li>下载排行</li><li>广告服务</li></ul></li><li>菜单示例</li></ul></td></tr></table></body></html>

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

下一篇：符合标准的红色网页选项卡（简洁）