问答详情
源自:10-1 编程挑战

这段代码里面如何实现选中后显示一个,隐藏另外两个。

这段代码里面如何实现选中后显示一个,隐藏另外两个。

提问者:玉鸯子 2016-09-28 21:32

个回答

  • 慕斯8597481
    2016-10-06 11:02:10

    这里不应该用onmouseover,onmouseover是指鼠标经过,而不是点击,符合题目要求的应该是onclick

  • 稻穗陈落入梦来
    2016-09-29 23:39:01

    可以设置默认样式全部隐藏,然后JS触发事件后的样式为要求的样式,

    window.onload = function(){

           var my_li=document.getElementsByTagName("li");

           var my_content=document.getElementsByTagName("div");

       for(var i=0;i<my_li.length;i++){

       my_display(my_li[i],my_content[i]);}

    }

    function my_display(x,y){

       x.onmouseover=function(){

       y.className="house_1";

    x.className="ab";}

    }

    实现效果的话,你要确保触发时,样式都是原始的。另外用你的y参数最好定义一下比如var y=y;

    class样式的话要改的太多了,看看参考代码吧。