時(shí)間線(xiàn)通過(guò)在不同的時(shí)間改變層的位置、大小、可見(jiàn)性和疊放順序等來(lái)創(chuàng )建動(dòng)畫(huà)。時(shí)間線(xiàn)不能直接控制頁(yè)面中的對象，它控制的是放置這些對象的層，如果要使圖像、文本等對象產(chǎn)生動(dòng)畫(huà)效果，必須將其置于層中。

下面我們創(chuàng )建一個(gè)最簡(jiǎn)單的時(shí)間線(xiàn)動(dòng)畫(huà)，以對時(shí)間線(xiàn)有一個(gè)最基本的了解。

1.設計目標

建立一個(gè)做直線(xiàn)運動(dòng)的時(shí)間線(xiàn)動(dòng)畫(huà)。
 
2.素材準備

網(wǎng)頁(yè)中需要用到本地站點(diǎn)image文件夾下的兩個(gè)圖像文件:ing8_1.jpg，img8-2gif.ILLI!說(shuō)明

為網(wǎng)頁(yè)添加背景圖像的方法如下:按Ctrl+J鍵，在彈出的"Page Properties"對話(huà)框中，單擊"Background Image"欄旁的"Browse" 按鈕，從彈出的"Select Irmage Source"對話(huà)框中，選擇image 目錄下的img8-1jpg文件，單擊"Select'按鈕，回到"Page Properties"對話(huà)框后，單擊"OK"按鈕。
 
3.實(shí)現步驟

(1) 在頁(yè)面中添加一個(gè)新層，在層中插入圖像 ing8-2，gif，然后將層移動(dòng)到動(dòng)畫(huà)的起始位置。
 
(2) 在菜單欄中選擇" Window" → "Timelines"命令打開(kāi)時(shí)間線(xiàn)面板(如果時(shí)間線(xiàn)面板已打開(kāi)這一步可省略)。

(3) 選擇要創(chuàng )建動(dòng)畫(huà)的層。

(4) 單擊時(shí)間線(xiàn)面板中的彈出菜單按鈕上，在彈出的菜單中選擇"Add Object (添加對象)"或用鼠標拖動(dòng)圖層到時(shí)間線(xiàn)的第一幀處。
 
(5) 當第一次在時(shí)間線(xiàn)中添加對象時(shí)，會(huì )彈出提示框，告訴你可以改變該層 的大小、位置、層順序以及可見(jiàn)性。單擊“OK"按鈕，這時(shí)在時(shí)間 線(xiàn)通道中將出現一個(gè)紫色動(dòng)畫(huà)條，動(dòng)畫(huà)條中 顯示了層的名稱(chēng)，如圖所示。 


(6) 單擊動(dòng)畫(huà)條尾部的關(guān)鍵幀位置(注意播放頭也跟著(zhù)移動(dòng)到該處)，將動(dòng)畫(huà)層移動(dòng)到動(dòng)畫(huà)結束的位置，這時(shí)從動(dòng)畫(huà)起始位置到結束位置有一條線(xiàn)顯示，這就是層的運動(dòng)軌跡，如圖所示。

(7) 按播放按鈕，可直接在網(wǎng)頁(yè)中預覽時(shí)間線(xiàn)動(dòng)畫(huà)。

(8) 如果想在瀏覽器中預覽動(dòng)畫(huà)效果，則應進(jìn)行以下設置:

① 選中"Autoplay"復選框，否則瀏覽器中 的動(dòng)畫(huà)是不會(huì )自動(dòng)播放的；
②  逃選中"Loop"復選框，否則動(dòng)畫(huà)在瀏覽器中只播放一次；
③ 預覽網(wǎng)頁(yè)，網(wǎng)頁(yè)保存到網(wǎng)站建設本地站點(diǎn)的example文件夾下，文件名為ex8-1.htm。