史萊姆論壇

返回   史萊姆論壇 > 教學文件資料庫 > 網路軟硬體架設技術文件
忘記密碼?
論壇說明 標記討論區已讀

歡迎您來到『史萊姆論壇』 ^___^

您目前正以訪客的身份瀏覽本論壇,訪客所擁有的權限將受到限制,您可以瀏覽本論壇大部份的版區與文章,但您將無法參與任何討論或是使用私人訊息與其他會員交流。若您希望擁有完整的使用權限,請註冊成為我們的一份子,註冊的程序十分簡單、快速,而且最重要的是--註冊是完全免費的!

請點擊這裡:『註冊成為我們的一份子!』

Google 提供的廣告


 
 
主題工具 顯示模式
舊 2004-05-05, 07:24 PM   #1
mic64
註冊會員
 
mic64 的頭像
榮譽勳章
UID - 582
在線等級: 級別:16 | 在線時長:330小時 | 升級還需:27小時級別:16 | 在線時長:330小時 | 升級還需:27小時級別:16 | 在線時長:330小時 | 升級還需:27小時級別:16 | 在線時長:330小時 | 升級還需:27小時級別:16 | 在線時長:330小時 | 升級還需:27小時級別:16 | 在線時長:330小時 | 升級還需:27小時
註冊日期: 2002-12-06
VIP期限: 2007-04
住址: MIB總部
文章: 412
精華: 0
現金: 499 金幣
資產: 499 金幣
預設 用Javascript製作動畫-生成圖象數組

用Javascript製作動畫-生成圖象數組


  我們首先製作了一個動畫的例子。你可以先看一下這個例子,以及完整的JavaScript代碼。然後我們一起來研究這個動畫是怎麼做的。


<html>
<head>
<title>Fuge generator</title>
<script language="JavaScript">
// make the array of images
bendyList = new Array('bendy000.gif', 'bendy001.gif', 'bendy002.gif', 'bendy003.gif', 'bendy004.gif', 'bendy005.gif', 'bendy006.gif', 'bendy007.gif', 'bendy008.gif', 'bendy009.gif', 'bendy010.gif', 'bendy011.gif', 'bendy012.gif', 'bendy013.gif', 'bendy014.gif');
// daPosition will point to successive images in the bendyList array
daPosition = 0;
function imageFlip() {
// increment the pointer
if(daPosition == bendyList.length-1) {
daPosition = 0;
} else {
daPosition++;
}
// change the image
document.images['daImg'].src = bendyList[daPosition];
// do it again
setTimeout('imageFlip()', 200);
}
</script>
</head>
<body bgcolor="#000000" onload="imageFlip()">
<div align="center">
<img name="daImg" src="bendy000.gif" width=110 height=106 border=4></div>
</body>
</html>


  在正式開始之前,我們先學習一下下面的JavaScript符號,這有助於你理解編碼:

JavaScript符號
// 生成註釋標籤
== 比較兩個項目
= 賦值
++ 加1

  首先你應該理解數組的概念。數組是一系列項目的列表。數組通常有一個名字。

  在一下代碼中,我們生成一個名為bendyList的圖象數組。

  這些圖象將用於動畫實例中。在數組括號內我們按照動畫中圖象顯示的順序列出了所有圖象名稱:

// make the array of images

bendyList = new Array(bendy000.gif , bendy001.gif , bendy002.gif ,

bendy003.gif , bendy004.gif , bendy005.gif , bendy006.gif ,

bendy007.gif , bendy008.gif , bendy009.gif , bendy010.gif ,

bendy011.gif , bendy012.gif , bendy013.gif , bendy014.gif );
  你可以看到每個圖象都用逗號隔開。而且這些圖象都放在一個目錄中。
mic64 目前離線  
送花文章: 0, 收花文章: 21 篇, 收花: 61 次
 


主題工具
顯示模式

發表規則
不可以發文
不可以回覆主題
不可以上傳附加檔案
不可以編輯您的文章

論壇啟用 BB 語法
論壇啟用 表情符號
論壇啟用 [IMG] 語法
論壇禁用 HTML 語法
Trackbacks are 禁用
Pingbacks are 禁用
Refbacks are 禁用


所有時間均為台北時間。現在的時間是 03:39 AM


Powered by vBulletin® 版本 3.6.8
版權所有 ©2000 - 2020, Jelsoft Enterprises Ltd.


SEO by vBSEO 3.6.1