效果： 思路： 利用setInerval()計時器，進行運動。然後關鍵的一點是在最後停止的時候給它一個填滿縫隙的判斷。 程式碼： 複製程式碼 程式碼如下: <BR> 寬度：100px；<BR> 高度：100px；<BR> ;<BR> 與上：100px;<BR> > {<BR> 寬度：1px；<BR> 高度：400px；<BR> 背景：#FF0000；<BR> 位置：絕對；<BR> 左：200px；<BR> }<BR> #div500<BR> {<BR> 寬度: 1px;<BR> 絕對位置;<BR> 左：500px;<BR> <script type="text/javascript"><BR> function move(end) {<BR> null;<BR> 計時器= setInterval( function () {<BR> speed = speed > 0 ? Math.ceil(速度) : Math.floor(速度); // 進位取整，小數位變為整位，<BR> // // }<BR> // else {<BR> // // }<BR> if (Math.abs(end - oDiv.offsetLeft) <= speed) { //由於在停止的時候最後會出現小的縫隙，或說沒有完全的到達指定地點，所以要小於它的速度< //🎜> clearInterval(timer); oDiv.style.left = end 'px'; //且停止後填入縫隙中。 <BR> }<BR> iv.style.left = oDiv.offsetLeft speed 'px'; //手機DIV<BR> }<BR> </ script><BR><BR><body><BR> <input type="button" id="btn1" value="到500的位置" onclick="move(500);" /><BR> <input type="button" id="btn2" value="到200的位置" onclick="move(200);" /><BR> <div id="div1"><BR><BR> <div id="div1"><BR> ><BR> <div id="div200">200<BR> 500 >> 🎜>
