推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 灵感编程 > 自定义树形目录(模拟SublimeText3)

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

灵感编程 2018-10-25

由于网站升级需要,自己写了一个模拟SublimeText3的文件目录树,感觉很有实用

性,后续修改灵活且方便,比到处找插件然后修改有更大的灵活性,意义重大,因此记

录下来方便后续参考和改进。

开发时间:2018年6月5日

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

效果如下:


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

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

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

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

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

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


源代码截图如下:

文件目录结构:

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

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


应用范围:

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

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

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



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



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

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


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《自定义树形目录(模拟SublimeText3)》的版权归原作者「灵感编程」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读