Title
*{
margin:0;
padding:0;
list-style-type:none;
}
input.ac{
background:slateblue;
}
#box{
width:320px;
height:280px;
margin:0auto;
}
#box div{
width:320px;
height:280px;
border:1px solid#000;
display:none;
}
window.onload=function(){
varoBox=document.getElementById('box');
varaBtn=oBox.getElementsByTagName('input');
varaDiv=oBox.getElementsByTagName('div');
vartimer=null;
for(vari=0;i
aBtn[i].index=i;
aBtn[i].onmouseover=function(){
var_this=this;
vartimer=setTimeout(function(){
for(vari=0;i
aBtn[i].className='';
aDiv[i].style.display='none';
}
aBtn[_this.index].className='ac';
aDiv[_this.index].style.display='block';
},150);
};
aBtn[i].onmouseout=function(){
clearTimeout(timer);
}
}
}
001
002
003