网络编程
位置:首页>> 网络编程>> JavaScript>> 一个不错的js+css二级分类菜单代码

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

 来源:蓝色理想 发布时间:2007-12-28 21:22:00 

标签:二级,菜单,分类,js

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

 

程序演示:


0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com