Dreamweaver3 圖層應用技巧(五)

來源:互聯網
上載者:User
dreamweaver|技巧 DW的功能太強大了,光圖層方面的特效就可以寫不少的東西出來。投影片用Flash作非常Easy,效果也非常好,可是有的人不太喜歡它,其主要原因是它需外掛程式的支援。用Java做,它影響網頁的瀏覽速度,也不是太可取的方法。有沒有折衷的方法?有,DW就可以實現,它實現的效果雖不及Flash,Java,但它有著它的優越性, 製作簡單,瀏覽速度快,無需外掛程式支援。
>>用DW實現投影片效果 (請看範例
我想這個效果還不太差比起用java做的,看了本教程第四節的朋友,學習這個例子要輕鬆的多。這個例子主要用了時間軸和顯示隱含圖層這個特效。下面我們開工了:
1.先煩請你準備幾張大小一樣的圖片,gif動畫也行。
2.你要做幾張投影片就做幾個隱含圖層,在層中插入你的圖片。本例是三張投影片,就做了三個隱含圖層,做隱含圖層的時候一定要三個圖層座標一樣,要不然當你變換圖片時就會發現有位移現象。我教你一個小方法,就是先做一個隱含圖層出來,複製這個圖層,複製出來的圖層座標都一樣,但你得把圖層裡的圖片換一換,還要把圖層的名字改一改,複製的圖層名字一樣(在屬性浮動條裡改)。
3.按Ctrl+F9把Timeline編輯窗調出來,把三個圖層分別加入到三條動畫軌道中去。像下圖那樣放入軌道。



4.在第一幀的位置,加入Behaviors事件,雙擊第一幀上方的Behavior軌道,跳出Behaviors編輯窗,點擊 選擇Show-hide Layers,出來Show-hide Layers編輯視窗,選Layer1後點擊確定。
5.在15幀處雙擊Behaviors軌道,跳出Beahoviors視窗,同樣加入Show-hide layers事件,這次加入的事件是把layer1隱藏起來。當動畫到15幀取就要換圖片,所以在15幀處還要加一個show-hide layers事件,這次是顯示layer2。在15幀加完兩個事件後,Behaviors視窗如下圖顯示:



6.在第29幀處加入兩個Behaviors事件,一個是把layer2隱藏起來,另一個是顯示layer3,這是在換圖片。如果你的投影片多於3張,就是在一段幀後加入承前啟後的兩個Behaviors事件就行了。
7.在最後一幀處,加入隱藏layer3的Behaviors事件。
8.還有一點掃尾工作,把Timelines視窗中的Autoplaly和Loop選上。當你選完後,把這個小方塊拖到與最後一幀的Behaviors重合,這樣就可避免重複動畫時有一幀沒有顯示而發生停頓。最後一幀的Behaviors事件如圖:



本教程快完了,下一節講一講用DW3做滾動板,同樣要用到時間軸。


相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。