Dreamweaver添加時間軸行為
(1)網(wǎng)頁外觀
新建一個空白頁面,在頁面上插入一個1行1列,寬為80%的表格 。單擊插入工具欄上的繪制層按鈕,創(chuàng)建一個新層Layer1,在其中插入一艘帆船的圖像并把該層拖動到窗口右側(cè)。在頁面上再添加第2個層Layer2,在其中插入一幅海歐的圖像,并拖動Layer2拖到窗口的左側(cè),在頁面上再添加第3個層Layer3,在其中插入一幅太陽的圖像并將其拖動窗口的左側(cè)。
(2)創(chuàng)建時間軸
選中船所在的層,將光標(biāo)定位在時間軸面板的第1通道的第1幀處,打開【修改】|【時間軸】|【記錄路徑】,在頁面上按照層的運動軌跡拖動層。選中海歐所在的層,設(shè)置海歐的運動軌跡,調(diào)整兩個層的最后一幀的位置相同。選中太陽所在的層,將它拖動到時間軸面板的第3通道的第20幀處,調(diào)整它的最后一幀的位置,在其中增加幾個關(guān)鍵幀,在關(guān)鍵幀處移動太陽層的位置,讓太陽的升起路線有曲線變化。
(3)添加行為
在表格的下邊添加一個表單域。在表單域中,單擊“插入按鈕”圖標(biāo),插入3個按鈕,標(biāo)簽分別為“開始”、 “暫停”、“從頭開始”,動作:無。
選中第一個按鈕“開始”,為其添加【播放時間軸】行為,彈出“播放時間軸”對話框,在該對話框中選擇播放的時間軸為“Timeline1” 。回到行為面板,將“播放時間軸”行為的事件選為“onClick”。同樣為“暫?!?、“從頭開始”按鈕添加【停止時間軸】、【轉(zhuǎn)到時間軸幀】行為。
點擊加載更多評論>>