jQuery實現樹型菜單

文檔下載:

jQuery Treeview Github 地址：https://github.com/jzaefferer/jquery-treeview。

<link rel="stylesheet" href="lib/js/jquery-treeview-master/jquery.treeview.css">
    <script src="lib/js/jquery-treeview-master/jquery.treeview.js"></script>
    <script src="lib/js/jquery-treeview-master/demo/jquery.cookie.js"></script>

<ul id="tree" class="filetree">
                     <li><span class="folder">回放中心</span>
                         <ul>
                             <li><span class="folder">視頻回放</span>
                                <ul>
                                    <li><span class="folder"><a href="">查找視頻</a></span></li>
                                    <li><span class="folder">刪除視頻</span></li>
                                </ul>

                             </li>
                             <li><span class="folder">識別結果</span>
                                <ul>
                                    <li><span class="folder">查詢識別結果</span></li>
                                    <li><span class="folder">刪除識別結果</span></li>
                                </ul>

                             </li>
                         </ul>
                     </li>
                     <li><span class="folder">管理平臺交互</span>
                         <ul>
                             <li><span class="folder">學生管理</span>
                                 <ul>
                                     <li><span class="folder">查詢學生信息</span></li>
                                 </ul>
                             </li>
                             <li><span class="folder">教師管理</span>
                                 <ul>
                                     <li><span class="folder">查詢老師信息</span></li>
                                 </ul>
                             </li>
                             <li><span class="folder">設備管理</span>
                                 <ul>
                                     <li><span class="folder">獲取設備信息</span></li></li>
                                 </ul>
                             </li>
                         </ul>
                     </li>
                     <li><span class="folder">訪客管理</span>
                         <ul>
                             <li><span class="folder">添加訪客</span></li>
                             <li><span class="folder">查找訪客</span></li>
                             <li><span class="folder">刪除訪客</span></li>
                             <li><span class="folder">修改訪客</span></li>
                         </ul>
                     </li>
                     <li><span class="folder">陌生人管理</span>
                        <ul>
                             <li><span class="folder">查找陌生人</span></li>
                             <li><span class="folder">刪除陌生人</span></li>
                         </ul>
                     </li>
                     <li><span class="folder">車牌管理</span></li>
                     <script>
                          $("#tree").treeview();
                     </script>
                 </ul>