搜索:
首页 >> JavaScript >> Javascript特效 >> 一个不错的js+css二级分类菜单代码

一个不错的js+css二级分类菜单代码

2007-12-28 作者:天空诚整理 来源:蓝色理想 投递文章

最近在这找了好久的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>

 

程序演示:

[提示:你可先修改部分代码,再按运行]

Tags:二级  菜单  分类  js 
相关文章
手机版 Javascript特效 Asp之家 Aspxhome.com
闽ICP备06017341号