树形菜单

本文介绍了如何利用第三方树形菜单插件实现层次分明的导航效果。作者通过引入CSS样式和JS代码,详细讲解了插件的使用方法,并解析了代码逻辑,包括子父元素的关系。通过实例展示了如何添加新的子元素,鼓励读者多练习以理解并创建自己的树形菜单。
摘要由CSDN通过智能技术生成

作者:HZY
树形菜单是一种层次分明的菜单,由于现在能力不足,不能靠自己写js代码来实现树形菜单,
但是我们又需要用到树形菜单,该怎么办呢?这个时候我们可以选择使用百度来寻找答案,不得不说百度还是很强大的,经过了一番寻找,找到了适合自己使用的树形菜单。
下面来说下找到的那个树形菜单的使用方法:
首先我们把人家的css样式及js代码 插件引入进我们的页面,也就是以下两个
在这里插入图片描述
这两个插件可以到下面这个网站下载 : http://www.treejs.cn

下载然后引入完成之后我们便可以依照人家的样式照猫画虎来使用,作适当的调整,摸索其规律,便能进步成长。
下面来展示一下代码及其样式图

在这里插入图片描述
上图便是树形菜单可以展开收起,看起来层次分明,一层套一层,上面代码也简单明了,感觉js原作者很强。
下面来说一下对上面代码的理解,
d = new dTree(‘d’);这个应该是声明一个新的树形。
d.add(0, -1, ‘服装菜单’); d.add(1, 0, ‘服装’, ‘#’); d.add(2, 1, ‘上衣’, ‘#’);

上面的&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值