<!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> 無限級摺疊菜單 1.0.1 JS版 <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> </body> </html>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
線上示範 http://demo.jb51.net/js/2011/caidan/index.htm