以JavaScript實現動畫效果

大家在使用Dreamweaver中的時間軸功能或以做出很有趣的動畫效果，Dreamweaver會自動為使用者產生特定的程式碼，大家有沒有想過動畫的實作原理呢？其實原理是很簡單的，主要是使用了一個計時器函數，下面我為大家

演示一個簡單的動畫的製作過程，透過有關的介紹，大家可以舉一反三，做出更多很炫的動畫效果。

　　這個實例的效果是點擊網頁上的「開始移動」按鈕，則其中的指定圖層就會從左到右移動，在這個過程中你點擊「停止移動」按鈕就會停止移動。

　　
　　

　　

　　

　　{

　　 var left = eval(div1.style.left.replace("px", ""));
　　 if (left div『 div1.style.left = 10;
　　 movingID = setTimeout("startMove()", 10);
　　}

　　function stopM()🎀〜〜〜〜] }
　　

　　

　　

　　
　　 
　　   　　  🀜　　〜〜〜〜〜〜　〜〜〜〜〜〜〜〜〜]

　　
　　

　　　
　　
 

　　這裡主要使用了一個叫setTimeout(function, interval)函數，這個函數的參數格式為：
〨」 ，第二個參數「interval」為超時值，以微秒為單位。

　　注意一點是如果要停止這個計時器，必須保存呼叫這個setTimeout()函數後的回傳值，透過clearTimeout(id)函數來取消計時器。

I can moving...