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

来源:10-1 编程挑战

玉鸯子

2016-09-28 21:32

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

写回答 关注

2回答

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

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

    Seach

    如你昵称:何必偏执,题主想用鼠标经过的样式来实现,我觉得很好,在实际应用中,你可以试试点击和鼠标经过效果哪个更能提高用户体验度

    2016-10-09 19:44:56

    共 1 条回复 >

  • 稻穗陈落入梦来
    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样式的话要改的太多了,看看参考代码吧。

        


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题