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

Dreamweaver添加時間軸行為

提問人:劉旭39發(fā)布時間:2020-10-12
包括“播放時間軸”、“停止時間軸”、“轉(zhuǎn)到時間軸”,設(shè)置與時間軸相關(guān)的行為,必須首先創(chuàng)建時間軸動畫。

(1)網(wǎng)頁外觀

新建一個空白頁面,在頁面上插入一個1行1列,寬為80%的表格 。單擊插入工具欄上的繪制層按鈕,創(chuàng)建一個新層Layer1,在其中插入一艘帆船的圖像并把該層拖動到窗口右側(cè)。在頁面上再添加第2個層Layer2,在其中插入一幅海歐的圖像,并拖動Layer2拖到窗口的左側(cè),在頁面上再添加第3個層Layer3,在其中插入一幅太陽的圖像并將其拖動窗口的左側(cè)。

(2)創(chuàng)建時間軸

選中船所在的層,將光標(biāo)定位在時間軸面板的第1通道的第1幀處,打開【修改】|【時間軸】|【記錄路徑】,在頁面上按照層的運(yùn)動軌跡拖動層。選中海歐所在的層,設(shè)置海歐的運(yùn)動軌跡,調(diào)整兩個層的最后一幀的位置相同。選中太陽所在的層,將它拖動到時間軸面板的第3通道的第20幀處,調(diào)整它的最后一幀的位置,在其中增加幾個關(guān)鍵幀,在關(guān)鍵幀處移動太陽層的位置,讓太陽的升起路線有曲線變化。   

(3)添加行為

在表格的下邊添加一個表單域。在表單域中,單擊“插入按鈕”圖標(biāo),插入3個按鈕,標(biāo)簽分別為“開始”、 “暫?!?、“從頭開始”,動作:無。

選中第一個按鈕“開始”,為其添加【播放時間軸】行為,彈出“播放時間軸”對話框,在該對話框中選擇播放的時間軸為“Timeline1” ?;氐叫袨槊姘?,將“播放時間軸”行為的事件選為“onClick”。同樣為“暫?!?、“從頭開始”按鈕添加【停止時間軸】、【轉(zhuǎn)到時間軸幀】行為。 

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

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