js无限级折叠菜单精简版-网页特效→导航菜单

时间：2016-04-09

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>无限级折叠菜单 1.01 JS版</title> 
<meta name="keywords" content="hj1227 原创无限级折叠菜单 1.01js版"> 
<meta name="description" content="hj1227 原创无限级折叠菜单 1.01js版"> 
<style> 
 
</style> 
</head> 
<body> 
<div id="menu"> 
<h3>无限级折叠菜单 1.0.1 JS版</h3> 

<ul> 
<li><em></em>菜单_1_1 
<ul> 
<li><em></em>菜单_2_1 
<ul> 
<li><em></em>菜单_3_1 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_3_2 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_2_2 
<ul> 
<li><em></em>菜单_3_1 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_3_2 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_1_2 
<ul> 
<li><em></em>菜单_2_1 
<ul> 
<li><em></em>菜单_3_1 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_3_2 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_2_2 
<ul> 
<li><em></em>菜单_3_1 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_3_2 
<ul> 
<li><em></em>菜单_4_1 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
<li id='end'><em></em>菜单_4_2 
<ul> 
<li>菜单_5_1</li> 
<li id='end'>菜单_5_2</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 

</li> 
</ul> 
</div> 
 
</body> 
</html>

运行代码复制代码保存代码

在线演示 http://img1.niutuku.com/tech/1208/2409/tech-2409-ucedrnsyovz.htm

上一条：autoIMG 基于jquery的图片自适应插件代码-jquery 下一条:始终在屏幕中间显示Div的代码(css+js)-javascript技巧

js无限级折叠菜单精简版-网页特效→导航菜单

相关文章

最新文章