今天上午简单做了一个树形二级折叠菜单,这个应该是网站开发前端很常用的一个东东,昨天在网上看了,很多功能非常强大,但是代码也是海量,看不懂,所以根据自己的想法写了一个非常简单的JavaScript效果,以供大家学习交流用。
打算把这个最简单的版本定为V1.0,以后打算把这个做得好看,更强大。
提示:你可以先修改部分代码再运行。
今天上午简单做了一个树形二级折叠菜单,这个应该是网站开发前端很常用的一个东东,昨天在网上看了,很多功能非常强大,但是代码也是海量,看不懂,所以根据自己的想法写了一个非常简单的JavaScript效果,以供大家学习交流用。
打算把这个最简单的版本定为V1.0,以后打算把这个做得好看,更强大。
提示:你可以先修改部分代码再运行。
不错,继续努力哈!~
for(var i=0;i<mycon.length;i++){
if (i==j){
mycon[i].style.display = "block";
}
else{
mycon[i].style.display = "none";
}
}
这里可以改进一下:
for(var i=0;i<mycon.length;i++){
mycon[i].style.display = "block";
}
mycon[j].style.display = "none";
还有就是这个菜单如果不是定数的话(也就是说如果菜单是系统决定个数的)那你方法里面的传值就不知道好写了,可以改进一下,看他们的标签结构,如:obj.parentNode.getElementByTagName("ul")[0],这样来获取对象可能要好些了,传值的时候全都传一样的,只传个obj了,就不用再分别传不同的数值了!
修正一下:
for(var i=0;i<mycon.length;i++){
mycon[i].style.display = "block";
}
mycon[j].style.display = "none";
这里写错位置了,应该是:
for(var i=0;i<mycon.length;i++){
mycon[i].style.display = "none";
}
mycon[j].style.display = "block";