我爱Aspx >> Asp.Net >> 几种javascript导航菜单

几种javascript导航菜单

:未知 Դ:internet :2007-5-20 16:50:08 ؼ:javascript
菜单一

HTML代码 <!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 { width: 120px; height:30px; overflow:hidden; background: #ccc; padding-bottom: 3px; } #nav ul { position: absolute; margin-left: 110px; margin-top: -30px; } html>body #nav ul { margin-left: 119px; margin-top: -39px; } #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> 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; </head> <body> <ul id="nav"> <li>nav item. <ul> <li>nav item. <ul> <li>nav item.</li> <li>nav item.</li> </ul> </li> <li>nav item. <ul> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> </ul> </li> <li>nav item. <ul> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> </ul> </li> <li>nav item. <ul> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> </ul> </li> </ul> </li> <li>nav item. <ul> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> </ul> </li> <li>nav item. <ul> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> <li>nav item</li> </ul> </li> </ul> </body> </html>
Ҷƪл˵?
第一页上一页12 3 4 5 下一页尾页
һƪasp利用Microsoft.XMLHTTP获取页面信息
һƪHTTP 1.1状态代码及其含义

关于我们 | 广告服务 | 网站建设 | 版权申明 | 申请链接 | 联系我们
本站内容仅供学习,研究,探讨,个人收藏,如有侵权,敬请联系我们,我们尽快解决!