不一样的效果

来源:1-5 编程练习

Groune

2015-05-12 15:16

刚才看到不一样的效果,实现一下。

写回答 关注

3回答

  • 我萌别打我0_0
    2015-05-15 17:59:54
    已采纳

    我也遇到了这个问题,不知你解决没有?

    我发现原因是第一次点击时,CSS中display属性被设为none的ul元素,通过alert(uls[this.idex].style.display)方法显示的结果是空字符,只有第二次点击时才会显示none,这样就导致第一次点击时会执行else中的内容,结果看上去没有变化。我没有想通为什么第一次点击display属性没有值,不知道你现在是否知道原因?如果知道请分享下,谢谢。

    目前我的解决办法是将判断语句if(uls[this.idex].style.display == "none")改为if(uls[this.idex].style.display == 'none'||uls[this.idex].style.display == '')


    东风破 回复Groune

    为啥第一次点击时候只有第一个有这个属性,不是在css中都设置了这个display这个属性了吗

    2015-09-07 16:01:51

    共 3 条回复 >

  • Venfiw
    2015-06-01 10:44:35

                    if(uls[this.idex].style.display == "block"){

                        uls[this.idex].style.display="none";

                    }else {

                        for(var j=0;j<uls.length;j++){

                            uls[j].style.display="none";

                        }

                        uls[this.idex].style.display="block";

                    }

  • Groune
    2015-05-12 15:20:28

    为什么第一次点击隐藏的列表没有反应,点第二次或者点显示的列表就没问题,本地测试时没有出现这种情况啊。

    Groune

    刚刚又仔细看了一下,本地也出现这种情况了,这是为什么?

    2015-05-12 15:22:01

    共 1 条回复 >

Tab选项卡切换效果

本课程详细介绍网页页面中最流行常用的tab切换效果

65465 学习 · 533 问题

查看课程

相似问题