<style>
*{margin:0;padding:0;text-decoration:none;}
ul{list-style:none;border-bottom:2px red solid;height:50px;}
.first{width:500px;margin:0 auto;}
li{float:left;margin-left:2px;margin-top:30px;}
a{background:#ccc;}
.on,a:hover{color:white;background:red;height:50px;}
</style>
我这个怎么不能实现伸缩呢？请大神们帮忙看看
2018-07-20
window.onload=function(){ var aA=document.getElementsByTagName('a'); for(var i=0; i<aA.length; i++){ aA[i].onmouseover=function(){ var This=this; clearInterval(This.time); This.time=setInterval(function(){ This.style.width=This.offsetWidth+8+"px"; if(This.offsetWidth>=160) clearInterval(This.time); },30) } aA[i].onmouseout=function(){ clearInterval(this.time); var This=this; this.time=setInterval(function(){ This.style.width=This.offsetWidth-8+"px"; if(This.offsetWidth<=120){ This.style.width='120px'; clearInterval(This.time); } },30) } }}伸缩效果是靠js代码实现的
举报
