1、第12章 利用行為和腳本制作動感特效網(wǎng)頁,教學(xué)內(nèi)容：行為可以說是DreamweaverCS6中最有特色的功能，它可以讓用戶不用編寫一行JavaScript代碼即可實現(xiàn)多種動態(tài)頁面效果。Dreamweaver CS6中自帶的行為多種多樣、功能強大。,教學(xué)重點 了解行為概述 掌握Dreamweaver CS6內(nèi)置行為的使用 掌握利用腳本制作特效網(wǎng)頁,有許多優(yōu)秀的網(wǎng)頁，它們不只包含文本和圖像，還有許多其他交互式的效果，例如當鼠標移動到某個圖像或按鈕上，特定位置便會顯示出相關(guān)信息，又或者一個網(wǎng)頁打開的同時等。,12.1 行為的概述,在Dreamweaver中，行為是事件和動作的組合。事件是特定的時間或

2、是用戶在某時所發(fā)出的指令后緊接著發(fā)生的，而動作是事件發(fā)生后網(wǎng)頁所要做出的反應(yīng)。,12.2 行為的動作和事件,動作是最終產(chǎn)生的動態(tài)效果，動態(tài)效果可能是播放聲音、交換圖像、彈出提示信息、自動關(guān)閉網(wǎng)頁等。,12.2.1 常見的動作類型,事件就是指在特定情況下發(fā)生選定行為動作的功能。例如，單擊圖片之后轉(zhuǎn)移到特定站點上，發(fā)生這種行為是因為事件被指定了onClick，所以在單擊圖片的一瞬間發(fā)生了轉(zhuǎn)移到特定站點的這一動作。,12.2.2 事件,Dreamweaver CS6提供了很多行為動作，這些行為動作都是一些比較常用的功能，Dreamweaver自帶的行為是在Internet Explorer 4.0以

3、及更高版本中使用而編寫的。,12.3 使用Dreamweaver內(nèi)置行為,交換圖像就是當鼠標指針經(jīng)過圖像時，原圖像會變成另外一幅圖像。一個交換圖像其實是由兩幅圖像組成的：原始圖像（當頁面顯示時候的圖像）和交換圖像（當鼠標指針經(jīng)過原始圖像時顯示的圖像）。,12.3.1交換圖像,當瀏覽者單擊一個按鈕，或者執(zhí)行了某一個動作后，可在網(wǎng)頁中顯示一個消息框。,12.3.2 彈出信息,使用【打開瀏覽器窗口】動作可以在一個新的窗口中打開URL，可以指定新窗口的屬性、特性和名稱，例如訪問者在使用此行為單擊縮略圖時，在一個單獨的窗口中打開一個較大的圖像，使新窗口與圖像恰好一樣大。,12.3.3 打開瀏覽器窗口,跳

4、轉(zhuǎn)網(wǎng)頁行為，可以設(shè)定在當前窗口或是指定的框架窗口中打開某一個網(wǎng)頁。,12.3.4 轉(zhuǎn)到URL,當一個網(wǎng)頁包含很多圖像，但有些圖像在下載時不能被同時下載，需要顯示這些圖像時，瀏覽器再次向服務(wù)器請求指令繼續(xù)下載圖像，這樣會給網(wǎng)頁的瀏覽造成一定程度的延遲。,12.3.5預(yù)先載入圖像,使用【設(shè)置容器中的文本】動作可以將指定的內(nèi)容替換網(wǎng)頁上現(xiàn)有AP元素中的內(nèi)容和格式設(shè)置。,12.3.6設(shè)置容器中的文本,顧名思義，【顯示-隱藏元素】動作就是改變一個或多個AP元素的可見性狀態(tài)?！撅@示-隱藏元素】動作顯示、隱藏或恢復(fù)一個或多個AP元素的默認可見性。,12.3.7 顯示-隱藏元素,【檢查插件】動作用來檢查訪問者的計算機中是否安裝了特定的插件，從而決定將訪問者帶到不同的頁面。,12.3.8 檢查插件,【檢查表單】動作檢查指定文本域的內(nèi)容以確保用戶輸入了正確的數(shù)據(jù)類型。使用onBlur事件將此動作分別附加到各文本域，在用戶填寫表單時對文本域進行檢查；或使用onSubmit事件將其附加到表單，在用戶單擊【提交】按鈕時同時對多個文本域進行檢查。,12.3.9 檢查表單,【設(shè)置狀態(tài)欄文本