window.onload=function(){ var listA = document.getElementsByTagName('a'); ? ?for(var i=0;i<=listA.length;i++){ clearInterval(this.timer); listA[i].onmouseover=function(){ ?clearInterval(this.timer); var This = this; ? ?This.timer = setInterval(function(){ This.style.width = This.offsetWidth + 20+'px'; ? if(This.offsetWidth >= 160){ clearInterval(This.timer); } },30); ? ?? } listA[i].onmouseout=function(){ ?clearInterval(this.timer); ? var This = this; ? ?This.timer = setInterval(function(){ This.style.width = This.offsetWidth - 20+'px'; ? if(This.offsetWidth <= 120){ ?This.offsetWidth='120px';? clearInterval(This.timer); } },30); ? ?? } } } ? </script></head><body>? <div id="nav">? ? <ul>? ? ?<li><a href="#">首 頁</a></li>? ? ?<li><a href="#">新聞快訊</a></li>? ? ?<li><a href="#">產品展示</a></li>? ? ?<li><a href="#">售后服務</a></li>? ? ?<li><a href="#">聯系我們</a></li>? ? </ul>? </div></body></html>
鼠標在一個li上快速移動時 字會因為寬度變小掉下來 請幫忙看看原因
綠野仙蹤0
2016-06-29 17:18:20
