自定义树形目录(模拟SublimeText3)

原创 ningcaichen66 教程 js前端 78阅读 10 天前 举报

由于网站升级需要,自己写了一个模拟SublimeText3的文件目录树,感觉很有实用性,后续修改灵活且方便,比到处找插件然后修改有更大的灵活性,意义重大,因此记录下来方便后续参考和改进。

开发时间:2018年6月5日

使用的插件有:jquery2.0,font-awesome-4.7.0

效果如下:

收缩栏目“目录1-1”之后:

收缩栏目“目录1”之后:

收缩栏目“目录2”之后:

源代码截图如下:

文件目录结构:

应用范围:

1:后台栏目的树形导航,如:

2:前台书籍的左侧树形导航,如:

版本先后经历前后7个版本,讲解的是最新一个版本(第7版),更新历史截图:

详细开发过程,可以参看视频(一共5个片段,时间长约40分钟):

http://www.phpkhbd.com/video/331

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复