效果： 思路： 利用setInterval計時器進行運動，offsetWidth實現寬度的變動，在用onmouseover將終點和所選的DIV放入參數再進行緩衝運動。 程式碼： 複製程式碼 程式碼如下: <BR> div<BR> x;<BR> height: 50px;<BR> : #0000FF;<BR> margin: 10px;<BR> }<BR> window.onload = function () {<BR> var oDiv = document.getElementsByTagName('div');<BR> for (var i = 0; i < oDiv.length; i ) {<> //給買個DIV做個標記，用以關閉對應DIV的定時器<BR> oDiv[i].onmouseover = function () {< //給定時器輸出參數<BR> }<BR> }<BR> }<BR> i].onmouseout = function () {<BR> move(this, 100);< }<BR> };<BR> function move(div, end) {<> timer);<BR> div.timer = setInterval(function () {<BR> （終點-要走的寬度）/縮放係數=DIV移動的速度<BR> speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); // idth == end) { //當抵達終點時關閉計時器<BR> clearInterval(div.timer);<BR> > }<BR> }, 30)<BR> 🎜> <div><BR>
