js无限级折叠菜单精简版

(编辑：jimmy 日期: 2025/12/29 浏览：3 次 )

<!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> <h3>无限级折叠菜单 1.0.1 JS版</h3> <ul> <li>菜单_1_1 <ul> <li>菜单_2_1 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> <li>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> <li>菜单_2_2 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> <li>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> <li>菜单_1_2 <ul> <li>菜单_2_1 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> <li>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> <li>菜单_2_2 <ul> <li>菜单_3_1 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> <li>菜单_3_2 <ul> <li>菜单_4_1 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> <li>菜单_4_2 <ul> <li>菜单_5_1</li> <li>菜单_5_2</li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
在线演示 http://demo.jb51.net/js/2011/caidan/index.htm

上一篇：jquery获取下拉列表的值为null的解决方法
下一篇：iframe的onload在Chrome/Opera中执行两次Bug的解决方法