Dreamweaver應用時間軸改變圖像
實例:制作動態(tài)的廣告條
(1)新建網(wǎng)頁,為網(wǎng)頁選擇一幅背景圖像。輸入文字“移動的廣告條。
(2)在頁面的左上角插入一個層,在層內(nèi)插入第1幅小圖像。
(3)將層拖到時間軸面板的第1幀處,單擊第15幀,把層移到屏幕的右上角,此時在第1幀和第15幀之間就有一條直線出現(xiàn),它是層移動的直線路徑。
(4)拖動層到時間軸面板的第16幀處,在第30幀處單擊,把層拖動到編輯窗口的右下角,此時在第16幀和第30幀處也有一條直線出現(xiàn),顯示層的移動軌跡。
(5)拖動層到時間軸面板的第31幀處,在第45幀處單擊,把層拖動到編輯窗口的左下角,此時在第31幀和第45幀處也有一條直線的移動軌跡。
(6)拖動層到時間軸面板的第46幀處,在第60幀處單擊,把層拖動到編輯窗口的左上角,這樣設置的軌跡是一個近似的矩形。
(7)光標定位在行為通道的第16幀,單擊右鍵并在快捷菜單中選擇【添加行為】,這時打開行為面板,添加【交換圖像】行為,在彈出的“交換圖像”對話框中選擇第2幅廣告圖像。
(8)單擊【確定】后在行為面板上處相應地增加了一條交換圖像行為,行為的觸發(fā)事件為“onFrame16”。
(9)同樣地在行為通道的第31幀處、第46幀處,繼續(xù)添加“交換圖像”行為,依次把第31幀處的圖像換成第3幅,第46幀處的圖像換成第4幅。
(10)在行為通道的第61幀處添加“恢復交換圖像”行為,此時會彈出一個“恢復交換圖像”的對話框,【確定】后,在行為面板上就增加了一個“恢復交換圖像”行為。
(11)選中時間軸上的任意幀,單擊行為面板上的,選擇【轉(zhuǎn)到URL】,在彈出的對話框中選擇要跳轉(zhuǎn)的網(wǎng)頁,在行為面板上把行為的觸發(fā)事件選擇為“onClick”。
(12)在第1幀處再添加一個【恢復交換圖像】行為。
(13)選中【自動播放】和【循環(huán)】,把播放速度改為每秒5幀,使播放速度慢一些。
點擊加載更多評論>>