菜单 卷起-展开
时间:2007-09-19 来源:OBCattle
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<style type="text/css">
<!--
.top{ border:1px solid #666666; width:200px;}
#menu1{ border:1px solid #333399; display:none; width:200px; overflow-y:hidden;}
#menu2{ border:1px solid #333399; display:none; width:200px; overflow-y:hidden;}
#menu3{ border:1px solid #333399; display:none; width:200px; overflow-y:hidden;}
-->
</style>
</head>
<body>
<div class="top" onClick="showClassList(1,300)" >
<span>top</span>
</div>
<div id="menu1">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
<div class="top" onClick="showClassList(2,300)" >
<span>top</span>
</div>
<div id="menu2">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
<div class="top" onClick="showClassList(3,300)" >
<span>top</span>
</div>
<div id="menu3">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
<style type="text/css">
<!--
.top{ border:1px solid #666666; width:200px;}
#menu1{ border:1px solid #333399; display:none; width:200px; overflow-y:hidden;}
#menu2{ border:1px solid #333399; display:none; width:200px; overflow-y:hidden;}
#menu3{ border:1px solid #333399; display:none; width:200px; overflow-y:hidden;}
-->
</style>
</head>
<body>
<div class="top" onClick="showClassList(1,300)" >
<span>top</span>
</div>
<div id="menu1">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
<div class="top" onClick="showClassList(2,300)" >
<span>top</span>
</div>
<div id="menu2">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
<div class="top" onClick="showClassList(3,300)" >
<span>top</span>
</div>
<div id="menu3">
<ul>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
<li>menu</li>
</ul>
</div>
</body>
</html>
相关阅读 更多 +