web前端|js教程

JS,CSS,下拉菜单

web前端-js教程

本文实例讲述了JS+CSS相对定位实现的下拉菜单。分享给大家供大家参考。具体如下：

thinkphp实战开发源码,crt映射ubuntu,查找运行中的tomcat,淘宝爬虫判刑,php 聊天室 源码之家,平谷区电子seo服务诚信经营lzw

这里使用的是相对定位，不过效果还可以，用时候再修整一下，这个只是实现了大概功能，还有许多细节没有修饰。

天下游官网源码,ubuntu调试安卓,现在tomcat用哪个版本,ajax爬虫对接,php截图新浪微博,腾空seolzw

运行效果截图如下：

发帖源码,戴尔7567装ubuntu,爬虫需要ip吗,php back,seo阶段计划lzw

在线演示地址如下：

/js//js-css-ab-fix-menu-codes/

具体代码如下：

#menu { position: absolute; font-family: sans-serif; font-size: 9pt;}#menu li { float: left; list-style-type: none; width: 102px; background-color: skyblue; border: 1px solid #0066cc; text-indent: 0px; margin-left: 3px;}#menu li a { color: blue; text-decoration: none; width: 100%; display: block;}#menu li a:hover { color: white;}#menu li ul { background-color: skyblue; margin: 0px; padding: 0px;}#menu li ul li { padding: 0px; margin: 0px; float: none; list-style-type: none; width: 100px; text-indent: 0px; border: none;}#menu li ul li a{ color: black; text-decoration: none;}#menu li ul li a:hover{ color: black; background-color: aqua;}var t=false,current;function SetupMenu() { if (!document.getElementsByTagName) return; items=document.getElementsByTagName("li"); for (i=0; i<items.length; i++) { if (items[i].className != "menu") continue; thelink=findChild(items[i],"A"); thelink.onmouseover=ShowMenu; thelink.onmouseout=StartTimer; if (ul=findChild(items[i],"UL")) {ul.style.display="none";for (j=0; j

Menu Test

HomeProducts Sub-item 1 Sub-item 2 Support Sub-item 1 Sub-item 2 Employment Sub-item 1 Sub-item 2 Contact Us Sub-item 1 Sub-item 2