js实现一个简单的树形菜单

在做练习的时候做到这个,想想觉得常常会用到,就做了下。看了下给的代码,晕了,小白菜看这种代码会晕的啊~~书的题目是《精通HTML5+CSS3+JavaScript网页设计》,小白拿来做练习,在这里吐槽下这本书,希望大家参考下。里面字写错了就算了,中间教程简单,后面题目给的参考代码太复杂了,不适合新手看吧。

js实现一个简单的树形菜单_第1张图片

js实现一个简单的树形菜单_第2张图片

js实现一个简单的树形菜单_第3张图片


(上面js代码书上的供参考,要的可以自己慢慢码~)

下面老老实实自己按自己思路写,这边自己的css和js代码,html部分就是一坨子无序列表,就不贴出来了:




效果就是这样滴: js实现一个简单的树形菜单_第4张图片

中间出问题就是什么地方该加引号,哪些地方不改价引号老是弄错,果然还不够熟练。。。话说网上看到好多用jquery的,之后学了再做个jq的版本~~

你可能感兴趣的:(js实现一个简单的树形菜单)