css结合js制作下拉菜单示例代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:20:19

css结合js制作下拉菜单示例代码_javascript技巧

css结合js制作下拉菜单示例代码_javascript技巧: 代码如下: contentType=text/html;charset=utf-8 %> WebForm5 /* Root = Horizontal, Secondary = Vertical */ ul#navmenu-h { margin: 0; border: 0 none; padding: 0; width: 500px; /*For

推荐度：

点击下载本文 文档为doc格式

导读css结合js制作下拉菜单示例代码_javascript技巧: 代码如下: contentType=text/html;charset=utf-8 %> WebForm5 /* Root = Horizontal, Secondary = Vertical */ ul#navmenu-h { margin: 0; border: 0 none; padding: 0; width: 500px; /*For

代码如下:
<%@page pageEncoding="utf-8"
contentType="text/html;charset=utf-8" %>

WebForm5

navHover = function() {
var lis = document.getElementById("navmenu-h").getElementsByTagName("LI");
for (var i=0; ilis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"),

"");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);

Root nav item1

Sub nav item1

Sub nav item1-2

Root nav item2

Sub nav item2

Sub nav item2-2

Root nav item3

Sub nav item3

Sub nav item3-2