由于网站升级需要,自己写了一个模拟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
作者:灵感编程
链接:https://www.jianshu.com/p/83708aa6923a
点击查看更多内容
为 TA 点赞
评论
共同学习,写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦