这段代码里面如何实现选中后显示一个,隐藏另外两个。
这里不应该用onmouseover,onmouseover是指鼠标经过,而不是点击,符合题目要求的应该是onclick
可以设置默认样式全部隐藏,然后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样式的话要改的太多了,看看参考代码吧。