网站推广的网站,深圳网站建设设,wordpress改写,安徽茶叶学会 网站建设首先到一个国外网站上下载Treeview插件#xff1a;http://bassistance.de/jquery-plugins/jquery-plugin-treeview/当然你也可以通过我博客的源文件直接下载#xff1a;http://files.cnblogs.com/jishume/jquery_api_for_dw4.rar 为了形象一点#xff0c;先看一个效果图http://bassistance.de/jquery-plugins/jquery-plugin-treeview/当然你也可以通过我博客的源文件直接下载http://files.cnblogs.com/jishume/jquery_api_for_dw4.rar 为了形象一点先看一个效果图 这个树状结构使用的HTML为ulli标记层层嵌套实现联级关系具体的输出与样式的设置请看源码。 这里重点介绍下这个插件的几个功能效果 1、animated:fast 设置展开子节点时的显示速度一般有slow、normal、fast几个值与jQuery的hideshow中的speed参数相似。 2、persist: location 记忆折叠的方式。location页面刷新不保留折叠状态cookie页面刷新保留折叠状态。3、collapsed: true 初始化时的折叠状态。true初始化为收缩节点状态false与前相反。 4、unique: true 展开同级节点的唯一性。true当展开一个节点时同级的其他节点会自动关闭false当展开一个节点时同级的其他节点保持原形不做为。 贴一段源码中的插件代码[JS] script src../lib/jquery.js typetext/javascript/script script src../lib/jquery.cookie.js typetext/javascript/script script src../jquery.treeview.js typetext/javascript/script script languagejavascript typetext/javascript $(document).ready(function(){ //给ID为browser的UL标签添加树状交互 $(#browser).treeview({ persist: location, collapsed: true, unique: true }); }); /script [HTML] ul idbrowser classfiletree lispan classfolderFolder 1/span ul lispan classfileItem 1.1/span/li /ul /li lispan classfolderFolder 2/span ul lispan classfolderSubfolder 2.1/span ul idfolder21 lispan classfileFile 2.1.1/span/li lispan classfileFile 2.1.2/span/li /ul /li lispan classfileFile 2.2/span/li /ul /li li classclosedspan classfolderFolder 3 (closed at start)/span ul lispan classfileFile 3.1/span/li /ul /li lispan classfileFile 4/span/li /ul 当然通过jQuery的Ajax导步加载数据实现树状结构很酷但是由于最近时间比较紧所以会晚点提供相关源码大家继续关注。 制作人飞虎 无兄弟不编程 欢迎加QQ群进行更多交流305397511 专注于php、mysql以及开源框架转载于:https://www.cnblogs.com/jishume/articles/2046939.html
