先上效果图:
主体内容就是侧边展示的一二三级菜单,树形结构的。
前端页面布局内容,页面内容简单用ul li 来完成所有的罗列项。用先后顺序来区分一级二级三级:
CSS样式很简单,根据个人喜好设置:
JS内容我们用原生的JS很简单就写出来了,用show方法,获取到我们点击的块级元素的ID,给它添加display的样式,用if else语句来判断状态显示:
这样就完成树形菜单的编辑了。
分享快讯到朋友圈
领取专属 10元无门槛券
私享最新 技术干货