绝对不错的滚动的导航菜单栏

2024-04-27 13:59:40

字体：大中小

来源：转载

供稿：网友

<head><scr<a href="http://ip.vevb.com/">ip</a>t>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.onmou<a href="http://www.vevb.com/article.asp?typeid=138">SEO</a>ver=function() {this.className+=" over";}node.onmouseout=function() {this.className=this.className.replace(" over", "");}}}}}window.onload=startList;</script><style>body {font: normal 11px verdana;} ul {margin: 0;padding: 0;list-style: none;width: 150px; /* Width of Menu Items */border-bottom: 1px solid #ccc;}ul li {position: relative;}li ul {position: absolute;left: 149px; /* Set 1px less than menu width */top: 0;display: none;}/* Styles for Menu Items */ul li a {display: block;text-decoration: none;color: #777;background: #fff; /* IE6 Bug */padding: 5px;border: 1px solid #ccc;border-bottom: 0;}/* Fix IE. Hide from IE Mac /*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */li ul li a { padding: 2px 5px; } /* Sub Menu Styles */li:hover ul, li.over ul { display: block; } /* The magic */</style></head><body><ul id="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> <li><a href="#">Domain Names</a></li> <li><a href="#">Broadband</a></li> </ul> </li> <li><a href="#">Contact Us</a> <ul> <li><a href="#">United Kingdom</a></li> <li><a href="#">France</a></li> <li><a href="#">USA</a></li> <li><a href="#">Australia</a></li> </ul> </li> </ul> </body>

上一篇：一个很漂亮的转入别的页面时等待页

下一篇：非常简单的导航“菜块”

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注