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