位置:首頁(yè) > 軟件操作教程 > UI設(shè)計(jì)軟件 > Adobe Dreamweaver > 問(wèn)題詳情

Dreamweaver應(yīng)用時(shí)間軸改變圖像

提問(wèn)人:劉旭39發(fā)布時(shí)間:2020-10-12
應(yīng)用“交換圖像”行為可以把一幅圖像交換成另一幅圖像,而且可以交換多幅圖像。

實(shí)例:制作動(dòng)態(tài)的廣告條 

(1)新建網(wǎng)頁(yè),為網(wǎng)頁(yè)選擇一幅背景圖像。輸入文字“移動(dòng)的廣告條。

(2)在頁(yè)面的左上角插入一個(gè)層,在層內(nèi)插入第1幅小圖像。

(3)將層拖到時(shí)間軸面板的第1幀處,單擊第15幀,把層移到屏幕的右上角,此時(shí)在第1幀和第15幀之間就有一條直線(xiàn)出現(xiàn),它是層移動(dòng)的直線(xiàn)路徑。

(4)拖動(dòng)層到時(shí)間軸面板的第16幀處,在第30幀處單擊,把層拖動(dòng)到編輯窗口的右下角,此時(shí)在第16幀和第30幀處也有一條直線(xiàn)出現(xiàn),顯示層的移動(dòng)軌跡。

(5)拖動(dòng)層到時(shí)間軸面板的第31幀處,在第45幀處單擊,把層拖動(dòng)到編輯窗口的左下角,此時(shí)在第31幀和第45幀處也有一條直線(xiàn)的移動(dòng)軌跡。

(6)拖動(dòng)層到時(shí)間軸面板的第46幀處,在第60幀處單擊,把層拖動(dòng)到編輯窗口的左上角,這樣設(shè)置的軌跡是一個(gè)近似的矩形。

(7)光標(biāo)定位在行為通道的第16幀,單擊右鍵并在快捷菜單中選擇【添加行為】,這時(shí)打開(kāi)行為面板,添加【交換圖像】行為,在彈出的“交換圖像”對(duì)話(huà)框中選擇第2幅廣告圖像。 

(8)單擊【確定】后在行為面板上處相應(yīng)地增加了一條交換圖像行為,行為的觸發(fā)事件為“onFrame16”。

(9)同樣地在行為通道的第31幀處、第46幀處,繼續(xù)添加“交換圖像”行為,依次把第31幀處的圖像換成第3幅,第46幀處的圖像換成第4幅。

(10)在行為通道的第61幀處添加“恢復(fù)交換圖像”行為,此時(shí)會(huì)彈出一個(gè)“恢復(fù)交換圖像”的對(duì)話(huà)框,【確定】后,在行為面板上就增加了一個(gè)“恢復(fù)交換圖像”行為。

(11)選中時(shí)間軸上的任意幀,單擊行為面板上的,選擇【轉(zhuǎn)到URL】,在彈出的對(duì)話(huà)框中選擇要跳轉(zhuǎn)的網(wǎng)頁(yè),在行為面板上把行為的觸發(fā)事件選擇為“onClick”。

(12)在第1幀處再添加一個(gè)【恢復(fù)交換圖像】行為。

(13)選中【自動(dòng)播放】和【循環(huán)】,把播放速度改為每秒5幀,使播放速度慢一些。

繼續(xù)查找其他問(wèn)題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部