模板
教程
環境
性能
功能
管理
用JavaScript實現動畫效果
發表于：2007-06-21來源：作者：點擊數：
標簽：
下一頁 1 2 大家在使用Dreamweaver中的時間線功能或以做出很有趣的動畫效果，Dreamweaver會自動為用戶生成特定的程序代碼，大家有沒有想過動畫的實現原理呢？其實原理是很簡單的，主要是使用了一個計時器函數，下面我為大家 演示一個簡單的動畫的制作過程，
下一頁 1 2
大家在使用Dreamweaver中的時間線功能或以做出很有趣的動畫效果，Dreamweaver會自動為用戶生成特定的程序代碼，大家有沒有想過動畫的實現原理呢？其實原理是很簡單的，主要是使用了一個計時器函數，下面我為大家 演示一個簡單的動畫的制作過程，通過有關的介紹，大家可以舉一反三，做出更多很炫的動畫效果。 這個實例的效果是點擊網頁上的“開始移動”按鈕，則其中的指定圖層就會從左到右移動，在這個過程中你點擊“停止移動”按鈕就會停止移動。 <script language="JavaScript"> function startMove() function stopMove()
<html>
<head>
<title>JavaScript Motion Sample</title>
var movingID = null;
var scrolling = false;
{
var left = eval(div1.style.left.replace("px", ""));
if (left < document.body.scrollWidth - 150)
div1.style.left = left + 1;
else
div1.style.left = 10;
movingID = setTimeout("startMove()", 10);
}
{
clearTimeout(movingID);
}
</script>
