你的位置:首页 > 软件开发 > Java > jQuery treeview的文档树的用法

jQuery treeview的文档树的用法

发布时间:2015-05-07 00:00:10
最近的项目要用到treeview插件,刚好就自己整理一下这方面的资料。  最简单的一个例子就是文档树的实现。效果如下图所示。    在使用treeview之前,html文档中需要包含几个jquery.js、jquery.treeview.js、jquery.treeview.cs ...

jQuery treeview的文档树的用法

  最近的项目要用到treeview插件,刚好就自己整理一下这方面的资料。

  最简单的一个例子就是文档树的实现。效果如下图所示。

  jQuery treeview的文档树的用法

  在使用treeview之前,html文档中需要包含几个jquery.js、jquery.treeview.js、jquery.treeview.css几个文件。具体的请从官网下载。记住jquery.js的引用必须在jquery.treeview.js之前。

  具体代码如下:

 1 <h1>文件树示例</h1> 2  <ul id="file" class="filetree"> 3   <li><span class="folder">资料</span> 4     <ul> 5       <li><span class="file">光盘</span></li> 6     </ul> 7   </li> 8   <li><span class="folder">书籍</span> 9     <ul>10       <li><span class="folder">小说</span>11         <ul id="book">12           <li><span class="file">当代小说</span></li>13           <li><span class="file">古典小说</span></li>14         </ul>15       </li>16       <li><span class="file">诗歌</span></li>17     </ul>18   </li>19   <li class="closed"><span class="folder">游戏</span>20     <ul>21       <li><span class="file">休闲游戏</span></li>22     </ul>23   </li>24   <li><span class="folder">照片</span></li>25  </ul>

原标题:jQuery treeview的文档树的用法

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录