特效描述:利用jQuery實現 折疊展開 樹形菜單代碼,利用jQuery實現折疊展開樹形菜單代碼
代碼結構
1. 引入CSS
<link rel="stylesheet" href="css/css.css" />
2. 引入JS
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/config.js" ></script> <script type="text/javascript" src="js/data.js" ></script>
3. HTML代碼
<div class="f-tree"></div> <!--數據封裝在這里--> <script> config.tree({ type:1,//1有選擇框,沒有則不傳type或傳0 wrapper:'.f-tree',//容器 data:treeData,//數據 check:[1,2]//選中的數據,可以不傳 }); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div>