一个不错的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
0
投稿
猜你喜欢
SqlServer 2005 中字符函数的应用
2024-01-16 09:01:32
Python I/O与进程的详细讲解
2022-11-27 14:07:15
JavaScript实现点击按钮切换网页背景色的方法
2024-04-16 09:02:43
python调用staf自动化框架的方法
2021-11-03 17:47:43
golang1.16新特性速览(推荐)
2023-07-06 10:34:47
python使用pil进行图像处理(等比例压缩、裁剪)实例代码
2022-12-22 16:50:09
如何利用pytesseract识别图片中的数字
2023-07-11 12:48:36
Python之用户输入的实例
2022-09-06 13:22:18
python随机获取列表中某一元素的方法
2023-08-23 18:25:13
ASP中汉字与UTF-8的互相转换
2009-06-24 11:15:00
python的pytest框架之命令行参数详解(上)
2021-07-23 02:18:07
GOOGLE LOGO 设计演化过程
2008-02-13 19:41:00
golang db事务的统一封装的实现
2023-07-02 21:01:51
Python常用GUI框架原理解析汇总
2021-05-02 05:13:35
打包发布Python模块的方法详解
2021-04-03 06:10:56
Python使用pyautocad+openpyxl处理cad文件示例
2022-05-24 11:44:18
深入浅析Python中join 和 split详解(推荐)
2022-09-19 17:43:38
分享2个方便调试Python代码的实用工具
2021-08-26 18:50:08
python中实现精确的浮点数运算详解
2022-12-27 07:08:27
python图形用户接口实例详解
2023-10-17 21:05:20