Dreamweaver的行為事件

2024-09-12 12:31:00

字體：大中小

來源：轉載

供稿：網友

Dreamweaver這個名字相信大家都不會生疏了。自打上市以來以其鮮明的特性和完善的功能贏得了眾多網友的青睞。Dreamweaver能夠在眾多的同類軟件中贏得一席之地，主要歸功于它完全開放的插件環境以及它所能創造出的那些另人耳目一新的網頁特效。我即將要向大家介紹的就是通過Dreamweaver的行為事件所制作出的一些網頁特效。這其中有一些是通過Dreamweaver的插件來實現的。希望大家可以通過這些特效使自己的網頁更加的絢麗多彩。

一．通過鏈接實現對Flash的控制
為了使網頁本身活動起來，我們在制作網頁時往往會插入一些諸如FLASH的動畫，那么有沒有什么方法使瀏覽者在瀏覽時可以控制這些動畫的運程呢？答案是有的！
首先我們選中將要附加行為的對象，例如一段加有鏈接的文字。隨后按下快捷鍵F8，單擊行為面板上的" "按鈕，打開動作菜單，選擇"control shckwave or flash"此時會彈出如圖1的對話框。（當然在此之前你的網頁中一定要已經插入了FLASH的動畫，并對其命名）。從"movie"(動畫)下拉菜單中選擇將要控制的對象名稱以及嵌入對象所使用的標記。再在"Action"(動作)區域選擇所要實現的效果。
?PLAY（播放）選擇該項是當鼠標移動到鏈接上時播放動畫。
?STOP（停止）選擇該項是當鼠標移動到鏈接上時停止動畫的播放。
?REWIND（返回）選擇該項是當鼠標移動到鏈接上時動畫返回到最前端。
?GO TO FRAME(跳轉) 選擇該項是當鼠標移動到鏈接上時動畫跳轉到所指定位置。并停
留在該位置上。
設置完后按快捷鍵F12，在瀏覽器中預覽。怎么樣這回FLASH聽話了吧！

二．可拖動的層
這個網頁特效可以使瀏覽者通過鼠標的拖動來移動一個層，這樣不但給了瀏覽者一定的
自主空間，同時在無形之中也給你的網頁加入了一條亮麗的風景線。
首先選中要拖動的層，按下快捷鍵F8，單擊行為面板上的" "，選擇"Drag lager"（拖
動分層）命令，這時將彈出如圖2的對話框。在lager下拉菜單中選擇將要拖動的分層，在
"Movement"選擇要拖動分層的移動方式。移動方式分為兩種，一種是受限制的移動方式（constrained）,指可移動層只能在你所規定的范圍內移動。你可在后方的文本框中定義可移動區域的位置值，單位是像素。另外一種是不受限制的移動方式（Unconstrained）指可移動層可以在任意范圍內移動。在"Drop Target"區域可設置當前分層的移動，點擊"Get Cunrrent Position"可獲得當前分層的位置。隨后單擊"OK"，按快捷鍵F12，在瀏覽器中預覽，怎么樣？剛才定義的那個分層是不是已經可以被鼠標拖動了？

三．彈出信息對話框
我們在制作主頁的過程中，總是有許多要說明的地方，假如把這些說明內容全部加入到頁面中，又會使頁面顯得過于凌亂。因此我們可以應用Dreamweaver的行為事件所提供的另外一項功能解決這個問題。
首先我們假設要對一個鏈接進行說明，用鼠標選定該鏈接按下快捷鍵F8，單擊行為面板中的" "按鈕，在彈出的菜單中選擇"POP Message"（彈出信息）。隨后在彈出對話框中的Message文本框里輸入說明的內容，單擊"OK"。按下F12鍵在瀏覽器中預覽。當你的鼠標移動到該鏈接上時就會彈出信息對話框，對話框中就是你剛才所輸入的內容。

四．彈出菜單
我們在瀏覽別人的網頁時經常會碰到當你的鼠標移動到一個鏈接上時就會彈出一個菜單；而你的鼠標離開時該菜單又會自動的隱藏，這個網頁特效在Fontpage中要加入四段代碼才可以實現，非常的麻煩。但在Dreamweaver中我們可以運用行為事件中的顯示-隱藏-分層輕松搞定。
首先建立一個分層對其命名并將其設置為隱藏的形式，隨后選中一段有鏈接的文字，單擊行為面板上的" "，在彈出菜單中選擇"show-hide-layer"(顯示-隱藏-分層)。此時會彈出如圖3的對話框。在Name layers文本框中顯示的是當前頁面中的所有分層，選定你剛才命名并隱藏的分層，點擊下方的Show(顯示)按鈕。"OK"可以在瀏覽器中預覽了，將你的鼠標移動到你附加行為的鏈接上時，就會顯示出剛才隱藏的那個分層了。同時應用這個網頁特效你也可以使一個本來存在的分層消失，只要在定義分層屬性的時候選擇Hide(隱藏)就可以了。