最近在这找了好久的js菜单,都没找到满意的,今天找了个,觉得不错,最重要的是简单,希望大家可以参照一下
先看看效果图吧:
代码特点：js+css符合标准，代码简短，容易移植到asp等动态程序中。
js代码：
<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>
菜单代码格式：
一级菜单，如果是从数据库中读取一级菜单数据，就写在这里
<li></li>
二级菜单，如果是子菜单的数据就先加上<ul></ul>，然后写上菜单数据
<ul>
<li>中国asp之家</li>
<li>欢迎您</li>
</ul>
程序演示：
站长工具
相关文章
请稍等，评论加载中...