一个不错的js+css二级分类菜单代码
来源:蓝色理想 时间:2007-12-28 21:22:00
最近在这找了好久的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>
程序演示:
标签:二级,菜单,分类,js
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
[翻译]网页设计中的模式窗口
2009-05-29 18:00:00
![](https://img.aspxhome.com/file/UploadPic/20095/29/376600_124350365243zv-44s.jpg)
asp如何制作一个倒计时的程序?
2010-06-29 21:25:00
两个asp函数实现javascript的escape函数和unescape函数功能
2009-02-04 15:47:00
960 Grid System 基本原理及使用方法
2009-02-28 13:35:00
无组件上传图片到数据库中,asp解决方案
2007-08-03 13:22:00
rs.open sql,conn,1,1全接触
2007-11-01 22:46:00
将MySQL 5.0下的数据导入到MySQL 3.23中
2009-01-04 13:02:00
ASP伪造REFERER方法
2008-07-03 12:48:00
javascript基础之数组(Array)对象
2008-06-25 13:32:00
IE8将是IE的最后一个版本?
2009-03-12 12:44:00
SQL Server 安装出错:以前的某个程序安装已在安装计算机上创建挂起的文件操作
2010-02-23 14:48:00
Js实现仿msn的右下角popup提示窗口
2007-12-27 20:30:00
![](https://img.aspxhome.com/file/UploadPic/200712/27/20071227212229674s.gif)
有效防止ASP木马上传运行—小知识[网络安全技术]
2011-03-06 11:15:00
LZ77 算法的JS实现
2010-04-11 22:32:00
Access2000迁移到Oracle9i要点
2010-07-27 13:10:00
如何实现优惠打折?
2010-06-03 10:27:00
让验证码友好一点
2007-10-20 13:45:00
![](https://img.aspxhome.com/file/UploadPic/200710/20/20071020135017833s.gif)
ASP读取日期单日期自动补零函数代码
2011-02-20 10:39:00
(小技巧)复制消息对话框的内容
2008-10-21 10:51:00
asp中获取内容中所有图片与获取内容中第一个图片的代码
2011-02-20 10:51:00