<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<link type="text/css" href="css/cd.css" rel="stylesheet" />
<script src="js/jquery-1.6.4.js" type="text/javascript"></script>
<script src="js/cd.js" type="text/javascript"></script>
<body onload="loadFun()">
<form id="form1" runat="server">
<div id="menu">
<ul>
<li><a href="#" onclick="Show('rule')">我是一级菜单1</a>
<ul id="rule">
<li><a href="#">我是二级菜单1</a></li>
<li><a href="#">我是二级菜单1</a></li>
<li><a href="#">我是二级菜单1</a></li>
<li><a href="#">我是二级菜单1</a></li>
<li><a href="#">我是二级菜单1</a></li>
</ul>
</li>
<li><a href="#" onclick="Show('load')">我是一级菜单2</a>
<ul id="load">
<li><a href="#">我是二级菜单2</a></li>
<li><a href="#">我是二级菜单2</a></li>
<li><a href="#">我是二级菜单2</a></li>
<li><a href="#">我是二级菜单2</a></li>
</ul>
</li>
<li><a href="#" onclick="Show('info')">我是一级菜单3</a>
<ul id="info">
<li><a href="#">我是二级菜单3</a></li>
<li><a href="#">我是二级菜单3</a></li>
<li><a href="#">我是二级菜单3</a></li>
</ul>
</li>
<li><a href="#" onclick="Show('window')">我是一级菜单4</a>
<ul id="window">
<li><a href="#">我是二级菜单4</a></li>
<li><a href="#">我是二级菜单4</a></li>
</ul>
</li>
<li><a href="#" onclick="Show('phone')">我是一级菜单5</a>
<ul id="phone">
<li><a href="#">我是二级菜单5</a></li>
</ul>
</li>
</ul>
</div>
</form>
</body>
</html>
嵌套ul li 实现简单的二级菜单
3星 · 超过75%的资源 需积分: 5 153 浏览量
2015-01-07
15:04:57
上传
评论
收藏 64KB RAR 举报
treey_yao
- 粉丝: 1
- 资源: 3
最新资源
- 探索tecreate:软件开发的未来之星.zip
- 打标机项目C#源码连接扫码
- 基于SSM的房屋租赁系统的设计与实现
- xyctf:从入门到精通的实用指南.zip
- mmqrcode1714153659780.png
- Screenshot_2024-04-27-06-08-58-486_com.baidu.xin.aiqicha.jpg
- 基于Javaweb+Tomcat+MySQL的大学生公寓管理系统+sql文件.zip
- 实训作业基于javaweb的订单管理系统源码+数据库+实训报告.zip
- 多机调度问题贪心算法基于最小堆和贪心算法求解多机调度问题.zip
- 基于同态加密技术的匿名电子投票系统源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈