1、第7章使用行為創建特效網頁教學內容：行為是Dreamweaver內置的JavaScript程序庫。在頁面中使用行為可以讓不懂得編程的人也能將JavaScript程序添加到頁面中，從而制作出具有動態效果與交互效果的網頁。如果運用得當，一定能使網頁增色不少。本章主要講述行為概述、使用Dreamweaver內置行為等 。學習目標熟悉行為的基本知識掌握Dreamweaver內置行為的使用教學目標和基本要求_教學時間：本章共分_課時教學方法案例教學多媒體教學理論面授教學素材課程范例文件：sample第7章練習文件：exercise第7章7.1 行為概述行為是事件和由該事件觸發的動作的組合。在【行為】面板

2、中可以先指定一個動作，然后指定觸發該動作的事件，從而將行為添加到頁面中 。7.1.2 認識事件事件是訪問者在瀏覽器上指定的一種操作。如當訪問者將鼠標指針移動到某個鏈接上時，瀏覽器為該鏈接生成一個onMouseOver事件，然后瀏覽器查看是否存在相應的JavaScript代碼。不同的頁面元素定義了不同的事件，如在大多數瀏覽器中，onMouseOver和onClick是與鏈接關聯的事件，而onLoad是與圖像和文檔body部分關聯的事件 。7.1.3 動作類型動作是由預先編寫的JavaScript代碼組成的，這些代碼指定特定的任務，如打開瀏覽器窗口、播放聲音、控制Shockwave或Flash、設

3、置狀態欄文本和預先載入圖像等 。7.2 小案例制作指定大小的彈出窗口使用【打開瀏覽器窗口】動作可以在一個新的窗口中打開網頁，并且可以指定新窗口的屬性、特征和名稱。7.3 調用JavaScript【調用JavaScript】動作允許使用【行為】面板指定當發生某個事件時應該執行的自定義函數或JavaScript代碼行。可以使用自己編寫的JavaScript代碼或使用網絡上免費的JavaScript代碼。使用此動作可以創建更加豐富的互動特效網頁 。7.3.1小案例利用JavaScript實現打印功能 調用JavaScript打印當前頁面，制作時先定義一個打印當前頁函數printPage()，然后在中

4、添加代碼“OnLoad=printPage()”，當打開網頁時調用打印當前頁函數printPage()。利用JavaScript函數實現打印功能 。7.3.2小案例利用JavaScript實現關閉網頁下面是利用【調用JavaScript】動作制作的自動關閉網頁的效果 。7.4 設置瀏覽器環境使用【檢查表單】動作和【檢查插件】動作可以設置瀏覽器環境，下面就講述這兩個動作的使用 。7.4.1小案例檢查表單【檢查表單】動作用于檢查指定的文本域內容，以確保用戶輸入了正確的數據類型，防止表單提交到服務器后，存在任何指定的文本域包含無效的數據的情況 。7.5 小案例顯示/隱藏元素【顯示-隱藏元素】動作，顧

5、名思義就是改變一個或多個AP元素的可見性狀態。【顯示-隱藏元素】動作顯示、隱藏或恢復一個或多個AP元素的默認可見性。此動作用于在用戶與網頁進行交互時顯示信息。7.6 設置圖像動作瀏覽網頁時，經常碰到網頁上插入大量圖片的情況，使用【預先載入圖像】動作和【交換圖像】動作可以設置網頁特效 。7.6.2 小案例預先載入圖像【預先載入圖像】動作將不會立即出現在網頁上的圖像載入瀏覽器緩存中，這樣可以防止當該圖像出現時由于下載導致的延遲。7.6.3 恢復交換圖像利用【恢復交換圖像】動作，可以將所有被替換顯示的圖像恢復為原始圖像，一般說來，在設置【交換圖像】動作時會自動添加交換圖像恢復動作，這樣當鼠標離開對象

6、時會自動恢復原始圖像 。7.7 設置文本【設置文本】行為中包含了4項針對不同類型的動作，分別為【設置狀態欄文本】、【設置文本域文字】、【設置框架文本】和 【設置容器中文本】 。7.7.1 小案例設置狀態欄文本【設置狀態欄文本】動作用于在瀏覽器窗口底部左側的狀態欄中顯示消息 。7.7.2 小案例設置容器中的文本使用【設置容器中的文本】動作可以將指定的內容替換網頁上現有AP元素中的內容和格式設置 。7.8設置特殊效果要向某個元素應用效果，則該元素當前必須處于選定狀態，或它必須具有一個ID。例如，如果要向當前未選定的Div標簽應用高亮顯示效果，則該Div必須具有一個有效的ID值。如果該元素還沒有有效的ID值，將需要在HTML代碼中添加一個ID值 。7.8.2 小案例擠壓效果設置擠壓效果的效果 。7.8.3 小案例晃動效果設置晃動效果的效果 。本 章 小 結有許多優秀的網頁，它們不只包含文本和圖像，還有許多其他交互式的效果，例如當鼠標移動到某個圖像或按鈕上，特定位置便會顯示出相關信息，又或者一個網頁打開的同時，響起了優美的背景音樂等。其實它們使用的就是本章中將要介紹的內容，Drea