Dreamweaver的行為事件_Dreamweaver教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

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

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

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

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

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