<!-- 鼠标滑入标题后,子菜单从标题下方滑出 -->
<div class="tab">
<div class="div-tab">tab1</div>
<ul><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
<div class="tab">
<div class="div-tab">tab2</div>
<ul ><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
<div class="tab">
<div class="div-tab">tab3</div>
<ul ><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
<div class="tab">
<div class="div-tab">tab4</div>
<ul ><li>1</li><li>2</li><li>3</li><li>4</li></ul>
</div>
<script>
window.onload=function(){
var aDiv1=document.getElementsByClassName('tab');
var aul=document.getElementsByTagName('ul');
var timer;
for(var i=0;i<aDiv1.length;i++){
aDiv1[i].index=i;
var aIndex=aDiv1[i].index;
aDiv1[i].onmouseover=function(){
for(var j=0;j<aDiv1.length;j++){if(this.index!=j){aul[j].style.height='0px';};};
aul[this.index].style.display='block';
aul[this.index].style.width='60px';
var index=this.index;
clearInterval(timer);
timer=setInterval(function(){
if(aul[index].offsetHeight>80){}else{aul[index].style.height=aul[index].offsetHeight+2+'px';};
},30);
};
aDiv1[i].onmouseout=function(){
var index=this.index;
clearInterval(timer);
timer=setInterval(function(){
if(aul[index].offsetHeight<=0){}else{aul[index].style.height=aul[index].offsetHeight-2+'px';}
},30);
};
};
};
</script>
鼠标滑入标题后,子菜单从标题下方滑出
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 今天青石的票圈出镜率最高的,莫过于张艺谋的新片终于定档了。 一张满溢着水墨风的海报一次次的出现在票圈里,也就是老谋...