选项卡

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