程序博客网 > 电视台回看软件

二级JS菜单

来源：互联网发布：电视台回看软件编辑：程序博客网时间：2024/04/28 05:02

近日一个项目用到一个二级JS菜单，先将代码记录在此，以便下次利用：

<head>

<script>
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.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
</script>
<link href="css/2008_style.css" rel="stylesheet" type="text/css" />

<style>
ul {
margin: 0;
padding: 0;
list-style: none;
text-align:left;
width: 130px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left: 129px; /* Set 1px less than menu width */
top: 0;
display: none;
}
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color:#555;
background: #fff; /* IE6 Bug */
padding:3px 0;
border: 0px 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: #1e58a0; background: #f6f8f8; } /* 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="#">a1</a>
<ul>
  <li><a href="#">a1</a></li>
</ul>
</li>
<li><a href="#">a2</a>
<ul>
  <li><a href="#">a1</a></li>
  <li><a href="#">a2</a></li>
</ul>
</li>
</ul>
</body>

电视台回看软件

电视台回看软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子外地户口怎么办社保卡融资后公司亏损怎么办 icloud等不上怎么办大王卡网速慢怎么办云唯培训吃住怎么办孩子执行力差怎么办置业顾问老了怎么办网盘倒闭了怎么办爱一个人太深怎么办孩子规则意识差怎么办员工不接受调岗怎么办老年人牙齿掉了怎么办换工作地点社保怎么办 yy兼职被骗了怎么办 yy禁止游客进入怎么办 360理财被骗了怎么办 p2p理财被骗了怎么办 mak 激活次数0怎么办投资平台倒闭了怎么办资金盘崩盘了怎么办 3m崩盘受害者怎么办? 平台投资被骗了怎么办 win10磁盘未分配怎么办半月板前角损伤怎么办半月板2度损伤怎么办痔疮手术复发了怎么办左手腕韧带拉伤怎么办手腕韧带埙伤怎么办前交叉韧带松弛怎么办默认网关不可用怎么办电脑ip没有了怎么办手机网关不可用怎么办省内换工作社保怎么办上海离职后社保怎么办跨省工作社保怎么办私募产品亏了怎么办父母付首付离婚怎么办假离婚转移资产怎么办 word表格分开了怎么办没有u型螺丝刀怎么办没有6角螺丝刀怎么办