现在的位置: 首页JavaScript>正文
全兼容的树形二级折叠导航菜单普通版v1.0
2010年08月04日 JavaScript 评论数 2 ⁄ 被围观 1,593+

    今天上午简单做了一个树形二级折叠菜单,这个应该是网站开发前端很常用的一个东东,昨天在网上看了,很多功能非常强大,但是代码也是海量,看不懂,所以根据自己的想法写了一个非常简单的JavaScript效果,以供大家学习交流用。

        打算把这个最简单的版本定为V1.0,以后打算把这个做得好看,更强大。

提示:你可以先修改部分代码再运行。


目前有 2 条留言 其中:访客:2 条, 博主:0 条

  1. kos : 2010年08月05日00:14:29  1楼 @回复 回复

    不错,继续努力哈!~

    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了,就不用再分别传不同的数值了!

  2. kos : 2010年08月05日00:15:50  2楼 @回复 回复

    修正一下:
    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";

给我留言

留言无头像?