Javascript+CSS横向三级导航菜单

• width: 100px;<br /> height: 15px;<br /> padding: 3px 5px 12px;<br /> background: #666;<br /> color: #fff;<br /> text-decoration: none;<br /> }<br /> #nav a:hover {<br /> background: #333;<br /> }<br /> #nav li {<br /> width: 120px;<br /> height:30px;<br /> overflow:hidden;<br /> background: #ccc;<br /> padding-bottom: 3px;<br /> <br> }<br /> #nav ul {<br /> position: absolute;<br /> margin-left: 110px;<br /> margin-top: -30px;<br /> }<br /> html>body #nav ul {<br /> margin-left: 119px;<br /> margin-top: -39px;<br /> }<br /> #nav ul {<br /> display: none;<br /> }<br /> #nav li.show ul {<br /> display: block;<br /> }<br /> #nav li.show li ul {<br /> display: none;<br /> }<br /> #nav li li.show ul {<br /> display: block;<br /> }<br /> </style><br /> <script language="javascript" type="text/javascript"><br /> function menuFix() {<br /> var sfEls = document.getElementById("nav").getElementsByTagName("li");<br /> for (var i=0; i<sfEls.length; i++) {<br /> sfEls[i].onmouseover=function() {<br /> this.className+=(this.className.length>0? " ": "") + "show";<br /> }<br /> sfEls[i].onmouseout=function() {<br /> this.className=this.className.replace(new RegEXP("( ?^)show\\b"), "");<br /> }<br /> }<br /> }<br /> window.onload=menuFix;<br /> </script><br /> </head><br /> <br />
• 上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• Javascript+CSS横向三级导航菜单 相关文章：
• ·香港三级片名单大全 (包括演员名单)
• ·中国国家领导人子弟任职名单
• ·劲乐团单机版
• ·用flash制作简单拼图游戏
• ·最简单的FLASH动画LOADING制作
• ·解决XP和VISTA双启动菜单问题
• ·收集的host文件网站黑名单
• ·PS初学者实例教程——简单水中倒影制作
• ·ASP简单购物车教程
• ·oracle函数之常见单行字符串函数
• Javascript+CSS横向三级导航菜单 相关软件
• ·梦幻西游单机版-梦幻群侠传
• ·跑跑卡丁车单机版之怪鸡卡丁车2
• ·跑跑卡丁车单机练习版
• ·孤单枪手+双资料篇(Alien Shooter+Fight For Life+The Experiment)
• ·单词黑客(WordHacker) V4.1.9 黄金版
• ·恐惧杀手:杀出地狱单人版
• ·半条命-军团要塞 (NoSteam 3266 单独运行版)
• ·魔力宝贝单机版
• ·英语单词全能记忆王V2.35 真人发音版
• ·ARP防火墙 V5.0 Beta1 单机版

上一篇:从GMail认识的W3C网页标准和Ajax

下一篇:HTML组件之:最顶级页面(2)

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐