Dreamweaver3 圖層應用技巧(六)

來源:互聯網
上載者:User
dreamweaver|技巧 >>可以用滑鼠拖動的滾動板 ( 請看範例

今天我講的是一個可以用滑鼠到處拖動的滾動板。先看看例子,用滑鼠拖拖看拖不拖的動,拖不動要跟我說一聲:)

這是本教程的最後一個例子,也可以說是壓軸戲,我會講得很詳細,這個例子我花了一點時間想,為把它做好看一點,還加了一個圖片背景。下面我就以這個例子的實現來講步驟,你在具體操作時要會舉一反三。
1.你得先找一個背景圖片,把這個圖片放在一個圖層中,此圖層名為layer1,這圖層就是滾動板的樣式。
2.在layer1中插入一個子層layer2。按住Ctrl鍵不放,點擊Object對象浮動條中的 ,在layer1中畫個圖層,大小如下圖,這個圖層就是用來控制播放文本地區大小的。



3.再在layer2中用同樣的辦法插入一個子圖層layer3,在圖層layer3中寫入你想要發布的訊息,這個圖層的寬度一定要小於layer2的寬度,它的高度不限。現在為止已在layer1中插入2個子層。按F11調出layers浮動視窗,看看是不是與下圖相同。



4.選中layer2按Ctrl+F3調出圖層屬性編輯器,clip項的L和T填0,R填228,B填119。先填上再來解釋,Clip它控制著你滾動板的顯示地區,L,T,R,B分別是left,top,right,bottom的縮寫,R,B這兩個參數你就填該層的寬與高,當然你也可以改,根據後來顯示的效果。如下圖:



5.現在該讓圖層layer3動起來了,怎樣動?用Timeline來搞定,按Ctul+F9調出Timeline浮動面板。用滑鼠拖layer3到時間軌道來。
6.本例中圖層是從下往上滾動,在第一幀處把圖層layer3拖到layer2下端的邊緣。再在最後一幀處,把圖層拖到layer2的上端邊緣,就這樣做了兩個主要畫面格,你可以拖動時間軸中的紅色播放塊,看圖層layer3是不是運動的。
7.由於系統預設的動畫長度為30幀,播放速度是15幀每秒,這樣的參數顯然不適合滾動板,移動的太快了,在本例中,我把動畫長度延長了,並把幀的播放速度該為2Fps,如下圖。到現在為止滾動板已基本做完,有些參數你一定要耐心多設幾遍,來達到最佳效果。



8.現在該讓此圖層可以用滑鼠拖動,在第一幀Behaviors軌道處雙擊滑鼠,會出現一個大家熟悉的Behaviors視窗,點擊 選Drag layer項即可。完工了,你可以按F12預覽。

本站的此教程已全部寫完, 現已打包提供下載,如果你有什麼更好的效果到我 首頁留言,請給我 來信,讓我學習學習。

最後我要給你出一道題:如何用DW做動態下拉式功能表?不許用外掛程式。


相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。