为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

2 回答

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

0 回复 有任何疑惑可以回复我~
#1

Seach

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

可以设置默认样式全部隐藏,然后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样式的话要改的太多了,看看参考代码吧。

    


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信