一个不错的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
投稿猜你喜欢
- 代码如下:'个人代码风格注释（变量名中第一个小写字母表表示变量类型） 'i:为Integer型; 's:为Strin
栅格系统的形成1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计- 这篇论坛文章（赛迪网技术社区）详细的介绍了在MySQL中使用GRANT语句增添新用户的具体步骤，更多内容请参考下文…&
- 选择最实用来谈一下首先，你要慎重选择你就业的城市。这点是目前多数人都忽略的重要因素。无论你的设计思路和发展方向都要依托你所在城市来作为载体。
- 本节为读者讲解如何利用ADO.NET本身的参数对象和存储过程技术防止注入攻击，以达到用户界面输入与原始SQL的分离，使黑客无法拼接SQL语句
- 在数据库查询的时候,我们有时有这样的需求,就是要找出数据表里指定范围行内的数据记录,比如说要找出数据表里第10行到第20行的这10条数据,那
- 有些使用Z-Blog的用户询问我，怎么实现我的月光博客首页上这种自动图文混排的版式效果，今天我就详细介绍一下在Z-Blog中实现这种图文混排
- 就在刚才，我给GMAIL安装了Twitter插件。安装完插件后，Gmail提示我要连接Twitter的账号才能使用：我顺着提示操作下去，就看
- 很多时候，用户可能会因为承受不了某一产品中的细节设计而放弃使用该产品，这无疑是让设计人员感很沮丧的事情，因为除去这个细节的问题外，这个产品可
- asp使用SQL语句，查询数据库中的第10-20条记录的l方法，两种sql语句写法如下：1、select top 10 * from tab
- 用6N±1法求素数任何一个自然数，总可以表示成为如下的形式之一：6N，6N+1，6N+2，6N+3，6N+4，6N+5 (N=0，1，2，…
- asp中怎么替换最后一个逗号为空字符串？举例 aaa,bbb,ccc,eee, 这个字符串怎么让最后一个逗号变没，其他的不变啊 ？问题补充：
- 简介单例模式是创建型对象的一种，用于如何优雅的创建对象。让一个类最多产生一个对象。场景只需要一个对象就能解决并且要使用多次的场景，比如框架的
- 1：下载FCKEditor编辑器下载下来后解压到你网站的目录，最好就放在根目录下，文件夹名字就用FCKEditor；这里可以随便自己喜好，但
- 1.指向“开始->程序->Microsoft SQL Server 2005->配置工具->SQL Server 外
- 下面的这个函数实现的功能是列出某文件夹下的所有文件，以文件名字母排序，先数字后字母再到中文。<％
- 排序是个很泛的概念，而且根据被排序的数据量排序方法和侧重又有很大的不同。因此一直没想到从何着手。今天把玩iphone的时候突然又想到这个问题
- 一个网站空间，但是却可以实现多个域名的访问的一段ASP代码：<％if Request.ServerVariables("SE
- 问：如何在SQL Enterprise Manager version 6.5下操作SQL Server 6.0的服务器？答：在使用SQL
- 在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行
