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

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

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

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

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

五．變換圖象
這個(gè)特效可以使圖象隨鼠標(biāo)變化。當(dāng)你的鼠標(biāo)移動(dòng)到一個(gè)圖片上時(shí)該圖就會(huì)變?yōu)榱硗庖环鶊D片。這樣可以生動(dòng)的體現(xiàn)出圖片鏈接的內(nèi)容。
首先我們準(zhǔn)備好兩張大小完全相同的圖片，將其中一張（圖象1）插入到網(wǎng)頁(yè)之中，并對(duì)其命名。這張圖是準(zhǔn)備在網(wǎng)頁(yè)中直接顯示的，選中它按下快捷鍵F8，點(diǎn)擊行為面板上的"+"，選擇彈出菜單中的"Swap Image"（替換圖象）。此時(shí)會(huì)彈出如圖4的對(duì)話框。在"Image"文本框中會(huì)顯示出當(dāng)前頁(yè)面中的所有圖象。選中剛才命名的圖象點(diǎn)擊"Set Source to"文本框右方的"Browse"，加入另一張事先準(zhǔn)備好的圖象（圖象2）。如果你希望在瀏覽時(shí)當(dāng)鼠標(biāo)離開圖象2時(shí)圖象仍可恢復(fù)成原來狀態(tài)，則在下方的"Restore Image onMouseOut"前打勾。"OK"大功告成，按下F12，在瀏覽器中預(yù)覽。效果如何，滿意嗎？

六．創(chuàng)建自動(dòng)加入收藏夾功能。（插件）
`最近我在網(wǎng)上找到了一個(gè)插件(Add Favourite)，通過這個(gè)插件可以使你的網(wǎng)頁(yè)在每次顯示時(shí)都自動(dòng)提醒瀏覽者將你的主頁(yè)放入收藏夾。雖然這樣做會(huì)很煩人，不過對(duì)于提高你的瀏覽量還是有一定的幫助的。該插件下載地址為：
http://dream.zj.cninfo.net/dream/plugin/behaviors/IEAddFavourite.zip
下載后解壓至…/Dreamweaver/configuration/Behaviors/actions/下，啟動(dòng)Dreamweaver。相應(yīng)的在行為菜單中就會(huì)出現(xiàn)"IE Add Favourito"（添加收藏）。選擇該項(xiàng)就會(huì)彈出相應(yīng)的對(duì)話框。只要在TITLE IN文本框中輸入收藏你的網(wǎng)站時(shí)計(jì)算機(jī)默認(rèn)的名字就可以了。單擊"OK"，按F12預(yù)覽一下，怎么樣？

七．逐漸縮小的層（插件）
最近還找到了另外的一個(gè)插件，其效果是使一個(gè)層從四周向中間逐漸的縮小，最后消失。（Division in）該插件下載鏈接為：
http://nic.shtle.net.cn/hato/Dreamteam/download/Dreamweaver_plugnis/Behaviour/Behaviour/division.zip
下面我就向大家介紹一下這個(gè)插件的使用方法。首先按照（六）的步驟將其安裝到相應(yīng)的目錄內(nèi)，啟動(dòng)Dreamweaver。建立一個(gè)分層并對(duì)其命名，為了可以看出演示效果最好對(duì)這個(gè)分層定義背景顏色或背景。按下快捷鍵F8，單擊行為面板上的"+"，這時(shí)在行為菜單中會(huì)多出"Transition:Division in"（縮小分層）選項(xiàng)。在所彈出對(duì)話框的第一行文本框中輸入剛才定義的分層的名字，在第二行文本框中輸入你希望分層從縮小開始到完全消失所需要的時(shí)間，單位是秒。設(shè)置完畢后單擊"OK"，按下F12在瀏覽器中預(yù)覽！

八．使網(wǎng)頁(yè)背景隨時(shí)間變化（插件）
這個(gè)插件可以使你的網(wǎng)頁(yè)的背景隨時(shí)間逐漸的變化。下載地址為：
http://nic.shtel.net.cn/hato/Dreamweaver/download/Dreamweaver_Plugnis/Behaviour/Behaviour/fade.zip
首先按照（六）的步驟將其安裝至相應(yīng)的目錄內(nèi)，然后啟動(dòng)Dreamweaver。按下快捷鍵F8鍵，單擊行為面板上的"+"，你會(huì)發(fā)現(xiàn)在行為菜單中會(huì)多出"Cross Browser Background Fade"（瀏覽器背景轉(zhuǎn)換）選擇該項(xiàng)，在彈出對(duì)話框的第一行文本框中輸入網(wǎng)頁(yè)啟始背景顏色的相應(yīng)代碼，在第二行文本框中輸入變化后顏色的代碼。最后一行中輸入整個(gè)變化過程所需要的時(shí)間，單位是秒。如果不進(jìn)行設(shè)置系統(tǒng)默認(rèn)的是由黑色變?yōu)榘咨瑔挝皇且幻搿：昧丝梢栽跒g覽器預(yù)覽了！按下F12，看看效果吧！

九．網(wǎng)頁(yè)右方滾動(dòng)出現(xiàn)層
這個(gè)插件可以控制一個(gè)層，使其自動(dòng)的從網(wǎng)頁(yè)右方出現(xiàn)并向左移動(dòng)。 下載地址為：
http://dream.zj.cninfo.net/dream/plugin/behaviors/wm_chg_link_bh.zip
首先仍然按照（六）的步驟將其正確安裝至相應(yīng)目錄內(nèi)，隨后啟動(dòng)Dreamweaver。在網(wǎng)頁(yè)中建立一個(gè)分層，并對(duì)其命名。為了可以更好的看到演示效果建議對(duì)該層定義背景顏色或加入相應(yīng)背景。隨后按下快捷鍵F8，單擊行為面板上的"+"，在彈出的菜單中就會(huì)多出"Cross Browser Emerge form Right"（從右方穿過瀏覽器）。選擇該項(xiàng)，將彈出如圖5的對(duì)話框。在上方的Layer文本框中選中剛才命名并加入背景的那個(gè)層。在下方的定義時(shí)間文本框中輸入完成整個(gè)移動(dòng)過程所需要的時(shí)間，單位是秒。在最后一行中輸入該層將向左方移動(dòng)的距離大小，單位是像素。設(shè)置完畢后單擊"OK"。在瀏覽器中看看效果如何吧！
以上的九中網(wǎng)頁(yè)特效都是通過Dreamweaver的行為事件來完成的，很好的利用這些功能并對(duì)其進(jìn)行不斷的完善和擴(kuò)充，就會(huì)使你的網(wǎng)頁(yè)更加的亮麗，出眾