<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>可伸缩的菜单</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jQuery1.4.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
ul{
}
li{
list-style:none;
margin-left:18px;
display:none;
}
</style>
<script language="javascript">
$(document).ready(function(){
//找到文档找中的所有的UL
var as = $("ul > a");
as.click(function(){
var ulNode = $(this);
var lis = ulNode.nextAll("li");
lis.toggle();
});
});
</script>
</head>
<body>
<ul>
<a href="#" >我是菜单一</a>
<li><a href="jQueryWin.html" target="a">菜单一</a></li>
<li>菜单一</li>
</ul>
<ul >
<a href="#">我是菜单二</a>
<li>菜单二</li>
<li>菜单二</li>
</ul>
<iframe name="a"></iframe>
</body>
</html>
简单的树状菜单
最新推荐文章于 2024-10-22 12:57:22 发布
本文介绍了一个简单的可伸缩菜单实现方案，使用HTML和JavaScript（jQuery库）创建了带有子菜单项的导航菜单。通过点击菜单项可以显示或隐藏其子菜单。
扫一扫
2113
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
