一个不错的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
投稿

猜你喜欢

  • [翻译]网页设计中的模式窗口

    2009-05-29 18:00:00
  • 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
  • 有效防止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
  • ASP读取日期单日期自动补零函数代码

    2011-02-20 10:39:00
  • (小技巧)复制消息对话框的内容

    2008-10-21 10:51:00
  • asp中获取内容中所有图片与获取内容中第一个图片的代码

    2011-02-20 10:51:00
  • asp之家 网络编程 m.aspxhome.com