1、網(wǎng)站建設(shè),主講：韓維良,2020年8月,第12章,使用行為,第一節(jié) 認(rèn)識Dreamweaver的行為 背景：JavaScript編程可以實現(xiàn)一些動態(tài)效果（網(wǎng)頁中移動的廣告、狀態(tài)欄的文字提示），但增加了難度，DW集成了一套行為功能，便于簡單地實現(xiàn)此類功能。 行為：就是在特定的時間或者某個事件被觸發(fā)時所產(chǎn)生的動作，如鼠標(biāo)單擊、網(wǎng)頁加載完畢、瀏覽器解析出現(xiàn)錯誤等。,一、行為的工作原理 行為是由事件（如用戶移動鼠標(biāo)到某個特定的對象上或者在某個對象上按下鼠標(biāo)鍵等）和由該事件觸發(fā)的動作（即對該事件的響應(yīng)）構(gòu)成的。（在行為面板中看到這兩個方面）。 從本質(zhì)上講，行為實際上是插入到網(wǎng)頁中的一段JavaScrip

2、t代碼，利用這些代碼實現(xiàn)一些動態(tài)效果。,1、對象：是產(chǎn)生行為的主體，大部分網(wǎng)頁元素都可以成為對象，如：圖片，文本，多媒體等，甚至網(wǎng)頁Body主體。 2、事件：是用戶的某個操作，是觸發(fā)動作的原因，定義使用者的操作行為或者網(wǎng)頁的狀態(tài)。被附加到各種頁面元素上；對象不同，相應(yīng)的事件不同。 3、動作：由用戶操作發(fā)生某個事件時，網(wǎng)頁中通過動作代碼作出響應(yīng)。不同的事件對應(yīng)不同的動作。,動作是由預(yù)先編寫的JavaScript代碼組成的，這些代碼執(zhí)行特定的任務(wù)，例如打開瀏覽器窗口、顯示或隱藏層、播放聲音等。 將行為附加到網(wǎng)頁元素之后，只要對該元素發(fā)生了所指定的事件，瀏覽器就會調(diào)用與該事件關(guān)聯(lián)的動作（JavaSc

3、ript代碼）。 如同：面向?qū)ο缶幊讨械氖录c事件代碼。 另外，觸發(fā)一個事件時，可以執(zhí)行多個動作。如：多重鏈接。,第二節(jié) 使用“行為”面板 一、顯示行為面板 選擇“窗口/行為”菜單，顯示行為面板。,“行為”面板具有以下選項： 動作 (+) 是一個彈出式菜單，其中包含可以附加到當(dāng)前所選元素（前提）的多個動作。 刪除 (-) 從行為列表中刪除所選的事件和動作。 上下箭頭按鈕將特定事件的所選動作在行為列表中向上或向下移動（改變行為動作的執(zhí)行順序）。,二、增加行為 給元素附加行為的方法：選中欲添加行為的網(wǎng)頁元素，在行為面板上單擊“+”添加一個行為。 再在左側(cè)的列表中選相應(yīng)的動作種類，以及該動作的具體參

4、數(shù)。 動作的默認(rèn)事件顯示在事件欄中，如果不是所要的事件，則在事件下拉列表中選擇所需的事件。 可以將動作附加到整個文檔（即body，在文檔窗口底部左側(cè)的標(biāo)簽選擇器中單擊標(biāo)簽），還可以附加到鏈接、圖像、表單元素或多種其他HTML元素中的任何一種。,三、刪除行為 方法：在頁面中選中行為對象，在行為面板中的行為列表中選擇欲刪除的行為，單擊“-”。 四、調(diào)整行為順序 當(dāng)同一個對象對應(yīng)多個不同的行為時，可以調(diào)整其響應(yīng)順序。 方法：在頁面中選中行為對象，在行為面板中的多個行為列表中選擇欲調(diào)整順序的行為，單擊“”或者“ ”調(diào)整順序。,五、設(shè)置事件 Dreamweaver中某個行為時會自動創(chuàng)建一個默認(rèn)事件，默認(rèn)

5、的事件有時并不是用戶需要的，比如彈出消息窗口，默認(rèn)事件是Onload事件，即網(wǎng)頁加載時彈出消息窗口，但用戶如果希望單擊網(wǎng)頁后彈出消息窗口，就必須更改事件為Onclick事件。 方法：單擊行為列表中所選事件名稱旁邊的箭頭，在可以觸發(fā)該動作的所有事件列表中選擇。 注意：事件和當(dāng)前選擇的網(wǎng)頁對象是相關(guān)聯(lián)的，因此事件下拉列表菜單中的內(nèi)容隨所選網(wǎng)頁對象不同而變化。,常見行為的觸發(fā)事件及其含義 onMouseOver：鼠標(biāo)指針移動到對象上時觸發(fā)。 onMouseOut：鼠標(biāo)指針從對象上移走時觸發(fā)。 onMouseDown：按下鼠標(biāo)鍵時觸發(fā)。 onMouseUp：鼠標(biāo)按鍵抬起時觸發(fā)。 onClick：單擊對

6、象時觸發(fā)。 onDblClick：雙擊對象時觸發(fā)。 onLoad：指定對象裝入內(nèi)存時觸發(fā)，通常用于Body對象。 onUnLoad：卸載指定對象（關(guān)閉）時觸發(fā)。,六、切換面板視圖 方法：在行為面板中單擊視圖切換按鈕，即可在“顯示設(shè)置的事件”和“顯示所有事件”兩種視圖之間切換。,行為對象,切換按鈕,僅顯示添加的事件,顯示所有可以添加的事件,第三節(jié) 增加行為一般方法 方法：在網(wǎng)頁上選擇一個元素，在行為面板上單擊“+”添加一個行為。 注意：對于純文本不能添加行為，只有將其設(shè)置為空鏈接（#或者Javascript:;）后，才可以添加行為。,第四節(jié) 瀏覽器事件講解 每個瀏覽器(不同版本)都提供一組事件，

7、且各類型的瀏覽器所支持的事件和種類不同。 目前現(xiàn)有的瀏覽器基本上都支持下列的事件。,一般事件,頁面相關(guān)事件,表單相關(guān)事件,滾動字幕事件,編輯事件,數(shù)據(jù)綁定事件,外部事件,第五節(jié) 使用Dreamweaver CS5預(yù)定義行為 一、交換圖像和恢復(fù)交換圖像 “交換圖像”行為通過改變標(biāo)簽的src屬性將一幅圖像替換成為另外一幅圖像。使用此行為可以創(chuàng)建鼠標(biāo)經(jīng)過按鈕的效果。 方法：在文檔中插入一副圖像，屬性面板的“ID”文本框中輸入圖像的ID以便識別；選擇要交換的圖像，在行為面板單擊“添加行為（+）”按鈕，在彈出的下拉菜單中選擇“交換圖像”命令，在交換圖像對話框中指定交換的圖像。,鼠標(biāo)移開時恢復(fù),鼠標(biāo)移入時

8、交換,圖像：選擇一個需要改變其源文件的圖像。 設(shè)定原始檔為：輸入新圖像的文件路徑和名稱，或者點擊“瀏覽”按鈕選取一個新的圖像文件。 預(yù)先載入圖像：選擇此項可以將新圖像預(yù)先加載到瀏覽器緩存中，防止圖像延遲。 鼠標(biāo)滑開時恢復(fù)圖像：用于自動創(chuàng)建交換圖像的行為完成后，以相反的事件恢復(fù)原狀。 如鼠標(biāo)移入圖像上時交換，移開后恢復(fù)。,注意：在交換圖片時，最好使用與原始尺寸相同的圖像進(jìn)行交換。否則，替換的圖像為了適應(yīng)原圖片的大小（寬度和高度）顯示時會出現(xiàn)不必要的變形，比如被壓縮或擴(kuò)展。 例：將素材中的tam01.jpg與tam02.jpg兩副圖片設(shè)置圖像交換。 另外，再設(shè)置取消鼠標(biāo)滑開時恢復(fù)圖像選項。,二、彈

9、出信息 應(yīng)用“彈出信息”行為的方法：選擇一個事件對象（鏈接、圖象、導(dǎo)航按鈕或整個文檔“Body”），在“行為”面板上，單擊加號（+）按鈕并從“動作”彈出菜單中選擇“彈出信息”。 在“彈出信息”對話框中，“信息”域中輸入要顯示的信息，如“歡迎光臨”等。單擊“確定”按鈕，關(guān)閉設(shè)置對話框。 通常顯示如：瀏覽器的分辨率要求，購賣信息。,三、打開新瀏覽器窗口 打開瀏覽器窗口即在打開當(dāng)前網(wǎng)頁的同時，另外打開一個新的窗口顯示一個指定的網(wǎng)頁，可根據(jù)需要對它的菜單、頁面尺寸、滾動條等進(jìn)行設(shè)置。 如：CH09中的彈出式廣告。 添加“打開瀏覽器窗口”行為方法：選擇一個事件對象（圖像、超鏈接或body等）并打開“行為

10、”面板。單擊加號（+）按鈕并從“動作”列表中選擇“打開瀏覽器窗口”。,在“要顯示的URL”域中輸入要顯示網(wǎng)頁的URL或通過“瀏覽”按鈕選擇一個要顯示的網(wǎng)頁文件。 另外設(shè)置窗口大小以及其它內(nèi)容的顯示與否等。,注意給文本添加行為時，要注意將其設(shè)置為超級鏈接#，否則很多行為都無法添加。 窗口寬度：指定窗口的寬度（以像素為單位）。 窗口高度：指定窗口的高度（以像素為單位）。 屬性：選擇是否在新的瀏覽器窗口中包含：導(dǎo)航工具欄、地址工具欄、狀態(tài)欄、菜單條、滾動條、調(diào)整大小手柄等內(nèi)容。 窗口名稱是新窗口的名稱。 制作Click圖像冊（單擊縮略圖，顯示大圖）。制作load招聘啟事，廣告（Body 的load事

11、件中添加打開瀏覽器行為是一個好的操作）。,四、拖動AP元素 拖動AP元素行為可以允許在頁面上拖動AP元素。 方法：選擇對象，在行為面板上單擊“+”，在行為的動作列表中選擇“拖動AP元素”。 例：制作案例(CH09)中的拼圖頁面。 先演示效果。,設(shè)計步驟： 先建立7個AP DIV層，并分別將每一個拼塊置于一個層中，調(diào)整層的大小，使圖片剛好容納其中，（可先讓層的大小大于圖片大小，再調(diào)整其大小，但層的大小不能小于圖片，否則拖動時有些區(qū)域不能拖）。 對照原始圖片，將各層排列到一起，形成完整圖片。 選中Body，添加“拖動AP元素”，為每個層(列表選)逐一設(shè)置拖動層效果，為其Onload事件添加行為。,

12、選中Body對象，添加行為；“層”列表中選擇被拖動的對象層。取得當(dāng)前位置使得當(dāng)對象被置于該位置并在“靠近距離”范圍內(nèi)時，會自動歸位。,在高級選項卡中，提示拖動結(jié)果，加代碼：alert(唔,還不錯喲!),如果沒有添加拖動層行為，層是不能被拖動的。,再建立一個層，用于放置操作提示文本！ 注意：將層的標(biāo)簽類型由DIV改為SPAN后（選中多個層，再在屬性面板上改），層的邊界不顯示。,五、改變屬性 “改變屬性”行為可以動態(tài)改變某一對象的屬性值。 方法：選擇對象，在行為面板上單擊“+”，在行為的動作列表中選擇“改變屬性”。 在對話框中確定欲改變的對象類型和對象的屬性。 如改變一個層的背景顏色（backgr

13、oundcolor）。,實例：使用改變屬性制作圖片陰影效果 （如CH09實例中的“改變屬性.htm”演示） 1實例創(chuàng)意 大多數(shù)行為的屬性都可以修改，而且這些行為的顯示效果取決于所使用的瀏覽器，本實例將實現(xiàn)圖片陰影效果的功能，當(dāng)鼠標(biāo)移至圖片上時，陰影效果顯示，當(dāng)鼠標(biāo)離開圖片時，陰影效果消失。,2制作步驟 （1）新建網(wǎng)頁，保存頁面，在該頁面中插入一個層，將圖片flower.jpg插入到該層中，調(diào)整圖層大小，使圖層比圖像略大一點所示。,（2）選擇圖像后，在行為選擇菜單中選擇“改變屬性”命令。,（3）在彈出的對話框中作如圖所示的選擇 本例效果是改變“Layer1”的背景色彩。,（4）為了得到陰影效果，

14、在“新的值”框中輸入“black” ，當(dāng)然也可以輸入其他色彩名稱或代碼。,（5）默認(rèn)的事件是“onload”，在這里用鼠標(biāo)單擊其右方的黑三角，在彈出的下拉選項中選擇“onMouseOver”（鼠標(biāo)經(jīng)過)。,（6）用同樣的方法添加行為，再在Moveout事件時設(shè)置為白色。 （7）保存網(wǎng)頁后，按F12預(yù)覽，如圖示：當(dāng)鼠標(biāo)經(jīng)過圖片時，圖片顯示陰影效果。,注意：鼠標(biāo)離開圖片，陰影效果消失的效果。,六、顯示-隱藏元素 顯示-隱藏層可以對頁面中所有的層進(jìn)行設(shè)置，使其可顯示或隱藏。 可通過顯示-隱藏層的功能制作一個網(wǎng)頁中常見的導(dǎo)航用下拉菜單。其實質(zhì)是網(wǎng)頁中共有多個菜單，分別對應(yīng)有多個層，每一層即一個下拉菜單

15、，網(wǎng)頁加載時，這多個層全部隱藏，當(dāng)鼠標(biāo)移動到某菜單上時，對應(yīng)層顯示，并可單擊其中的超鏈接，而其它層隱藏。,方法：選擇行為對象（如文字鏈接），在行為面板上單擊“+”，在行為的動作列表中選擇“顯示隱藏層”，選中某一層，單擊“顯示”，選中其它層，單擊“隱藏”，逐一設(shè)置多個層。 制作層菜單，其中菜單項都在層中，這種菜單很實用。如青海大學(xué)的主頁（用IE打開）。,步驟： 設(shè)置頁面的導(dǎo)航條，并添加各層及相應(yīng)層中的超鏈接。 在Body的load事件中，隱藏所有層。 再在導(dǎo)航條或菜單項的單擊或越過事件中選擇顯示相應(yīng)的層菜單。（顯示一個，隱藏其它） 注意：每一個菜單項的文字須是虛鏈接方可添加“顯示隱藏層”行為。

16、而在每一個層中又以表格布局添加相應(yīng)的超級鏈接。 這種菜單比較常用。,七、檢查插件 使用“檢查插件”行為根據(jù)訪問者是否安裝了指定的插件這一情況將他們發(fā)送到不同的頁。 方法：選擇一個事件對象（鏈接、圖片、body等）并打開“行為”面板。單擊加號（+）按鈕并從“動作”彈出式菜單中選擇“檢查插件”。 從“插件”彈出式菜單中選擇一個插件，或單擊“輸入”并在相鄰的域中鍵入插件的確切名稱。,在“如果有，前往URL”域中，為具有該插件的訪問者指定一個URL。如果指定一個遠(yuǎn)程URL，則必須在地址中包括“http:/”前綴。 在“否則，前往URL”域中，為不具有該插件的訪問者指定一個替代URL。若要讓不具有該插件

17、的訪問者留在同一頁上，將此域留空。 通常，如果插件內(nèi)容對于您的頁面是必不可少的一部分，請選擇“如果無法檢測，總是轉(zhuǎn)到第一個 URL”選項，瀏覽器通常會提示不具有該插件的訪問者下載該插件。如果插件內(nèi)容對于您的頁面不是必要的，請保留此選項的未選中狀態(tài)。,八、設(shè)置文本 1設(shè)置容器的文本 “設(shè)置容器的文本”動作允許將網(wǎng)頁中某容器的文本動態(tài)替換為特定的內(nèi)容。 前提：為欲設(shè)置文本的每一個容器對象（某一個完整的標(biāo)簽）設(shè)置一個唯一的ID屬性。 方法：選中欲設(shè)置文本的容器對象，單擊“行為”面板上加號（+）按鈕，選擇“設(shè)置文本”中的“設(shè)置容器的文本”。,例：將一個段落標(biāo)簽的內(nèi)容替換為一張圖片。 新建一個頁面，輸入

18、兩行文本:“設(shè)置容器的文本”、“請單擊我看看發(fā)生什么”，前者設(shè)置為H1標(biāo)題，后者設(shè)置一個段落，并設(shè)置ID為p1。 選中p1段落，單擊“行為”面板上加號（+）按鈕，設(shè)置容器中的文本如下：再將事件改為Click；,被替容器對象,替換內(nèi)容,2設(shè)置文本域文本 “設(shè)置文本域文本”行為可用指定的內(nèi)容替換表單中文本域的內(nèi)容。 方法：選中欲設(shè)置文本的文本域，單擊“行為”面板上加號（+）按鈕，選擇“設(shè)置文本”中的“設(shè)置文本域文本”。 例：建立一個輸入用戶名的文本域，ID名為：Username，設(shè)計如下頁中的圖所示，設(shè)置文本域文本行為，當(dāng)該文本域獲得焦點時，清空文本域的內(nèi)容，輸入具體的用戶名。,此處為空,在事件列

19、表中更改觸發(fā)的事件為OnFocus,3設(shè)置狀態(tài)欄文本 “設(shè)置狀態(tài)欄文本”動作可在瀏覽器窗口底部左側(cè)的狀態(tài)欄中顯示特定的文本。 方法：選中欲添加行為的對象（如Body），單擊“行為”面板上加號（+）按鈕，選擇“設(shè)置文本”中的“設(shè)置狀態(tài)欄文本”。 如：Body標(biāo)簽的load事件中設(shè)置狀態(tài)欄文本，將狀態(tài)欄的內(nèi)容自己期望的文本內(nèi)容。,4設(shè)置框架文本（*） “設(shè)置框架文本”動作允許動態(tài)設(shè)置框架的文本，用指定的內(nèi)容替換框架的內(nèi)容和格式設(shè)置。 可以先獲取當(dāng)前框架中的內(nèi)容，再設(shè)置新的內(nèi)容；另外可用HTML標(biāo)簽設(shè)置格式。 用指定的內(nèi)容替換框架中原有的內(nèi)容。,被替換對象,替換內(nèi)容,九、調(diào)用JavaScript 調(diào)

20、用JavaScript行為觸發(fā)時用于調(diào)用一段JavaScript代碼或者函數(shù)。 方法：選擇一個事件對象（文本鏈接、圖片、body等），在“行為”面板中單擊加號（+）按鈕，從“動作”彈出式菜單中選擇“調(diào)用JavaScript”。 如：網(wǎng)頁中輸入“關(guān)閉窗口”文本，選中對其設(shè)置調(diào)用JavaScript代碼為：window.close()，對應(yīng)事件為：Onclick。即可在單擊時關(guān)閉本窗口。,十、跳轉(zhuǎn)菜單（*） 通過跳轉(zhuǎn)菜單，可以使訪問者從由多個鏈接列表中選擇一項，跳轉(zhuǎn)到其他頁面。 如友情鏈接。 當(dāng)空間有限，但需要顯示許多鏈接項或需要把鏈接項集中歸類時，跳轉(zhuǎn)菜單非常有用。 使用跳轉(zhuǎn)菜單行為，先通過表單

21、對表插入一個跳轉(zhuǎn)菜單。,方法：首先將插入點放在要插入跳轉(zhuǎn)菜單的位置。單擊“插入”面板中“表單”中的“跳轉(zhuǎn)菜單”工具 ，或者“插入”菜單的“表單”中的“跳轉(zhuǎn)菜單”。,61,跳轉(zhuǎn)菜單行為用于對跳轉(zhuǎn)菜單進(jìn)行編輯修改。 方法：選中建立的跳轉(zhuǎn)菜單，在行為面板中雙擊“跳轉(zhuǎn)菜單”項，即可對其跳轉(zhuǎn)菜單進(jìn)行進(jìn)一步的修改。 可以改變菜單順序，可以增減菜單項以及具體某一項的內(nèi)容等,十一、跳轉(zhuǎn)菜單開始（*） 跳轉(zhuǎn)菜單開始是對跳轉(zhuǎn)菜單功能的一種擴(kuò)展，一般情況下，當(dāng)在跳轉(zhuǎn)菜單中單擊選擇某一項后，自動轉(zhuǎn)移到指定的鏈接?；蛘哌x擇某一項后，單擊“前往”按鈕即可；但是有時希望在跳轉(zhuǎn)菜單中選擇某一項，再單擊某個對象時，再實現(xiàn)跳轉(zhuǎn)，

22、這時可用跳轉(zhuǎn)菜單開始行為。 方法：選擇一個事件對象（文本鏈接、圖片等），在“行為”面板中單擊加號（+）按鈕，從“動作”彈出式菜單中選擇“跳轉(zhuǎn)菜單開始”。 添加跳轉(zhuǎn)菜單行為后，跳轉(zhuǎn)菜單在行為列表中原有的行為被刪除，而是加了跳轉(zhuǎn)菜單開始行為。 選擇欲開始的跳轉(zhuǎn)菜單，單擊確定即可實現(xiàn)相應(yīng)的功能。,十二、轉(zhuǎn)到URL 當(dāng)行為被觸發(fā)時，可將直接跳轉(zhuǎn)到指定的URL上。 方法：選擇一個事件對象（文本、圖片等），在“行為”面板中單擊加號（+）按鈕，從“動作”彈出式菜單中選擇“轉(zhuǎn)到URL”。 如同打開瀏覽器窗口行為，可以給一個對象添加多個該行為。,十三、隱藏彈出式菜單(略) 在CS5中沒有此項功能。,十四、預(yù)先載

23、入圖像 對于類似交換圖像類的行為，在顯示圖像前，需要先載入圖像，等需要時直接顯示。 方法：選擇一個事件對象（文本、圖片等），在“行為”面板中單擊加號（+）按鈕，從“動作”彈出式菜單中選擇“預(yù)先載入圖像”。 分別設(shè)置需要預(yù)先載入的圖像文件。,第六節(jié) 管理行為 一、更新行為 已經(jīng)設(shè)置的行為，可以改變動作參數(shù)。 方法：雙擊欲修改行為對應(yīng)的“動作”欄，在該動作的參數(shù)設(shè)置對話框中修改各項參數(shù)。,添加行為按鈕,刪除行為按鈕,事件列表,多動作時，可用來調(diào)整先后次序,雙擊可設(shè)置參數(shù),二、排序行為 一個事件可以觸發(fā)多個動作，比如Onload這一事件可以觸發(fā)如播放聲音，打開瀏覽器窗口等動作。在這種情況下就存在一個

24、動作發(fā)生的先后問題，可以通過單擊行為面板中“”，“”按鈕來解決這個問題。,三、刪除行為 在行為面板上選取欲刪除的行為，單擊行為面板左上方的“-”按鈕，或按Delete鍵。,四、獲取第三方行為 方法：在“行為”面板中單擊加號（+）按鈕，從“動作”彈出式菜單中選擇“獲取第三方行為”。 在網(wǎng)站中獲取。,第七節(jié) 定義Spry效果 Dreamweaver中的Spry功能是由JavaScript定義的，類似于函數(shù)調(diào)用，用于拓展DW的功能，由四個部分組成： Spry構(gòu)件。 Spry驗證表單。 Spry XML數(shù)據(jù)顯示。 Spry特效。 在Dreamweaver中Spry動畫效果主要增強(qiáng)視覺效果，效果行為可應(yīng)

25、用于使用JavaScript的HTML頁面上的幾乎所有元素。通常用于在一段時間內(nèi)高亮顯示信息，創(chuàng)建動畫過渡或以可視方式修改頁面元素。,Spry動畫效果可以修改元素的不透明、縮放比例、位置和樣式屬性（如背景顏色），還可以組合兩個或多個屬性來創(chuàng)建有趣的視覺效果。 要對某個元素應(yīng)用效果，必須使該元素處于選定狀態(tài)，或該元素已指定一個ID。 當(dāng)使用效果時，系統(tǒng)會在“代碼”視圖中將不同的代碼行添加到您的文件中。其中 用來標(biāo)識SpryEffects.js文件包含所有Spry效果所必須的JavaScript腳本庫。請不要從代碼中刪除該行，否則這些效果將不起作用。,Spry效果包括顯示/漸隱、高亮顏色、遮簾、滑

26、動、增大/收縮、晃動、擠壓等動畫效果，它可以設(shè)置元素的不透明、縮放比例、位置和樣式屬性（如背景顏色），還可以組合兩個或多個屬性來創(chuàng)建有趣的視覺效果。由于這些效果都基于Spry，因此，當(dāng)單擊應(yīng)用了效果的對象時，只有對象會進(jìn)行動態(tài)更新，不會刷新整個HTML頁面。,一、顯示漸隱效果 利用該Spry效果，可以使元素產(chǎn)生淡淡顯示或隱藏的動畫效果。 新建一個頁面文檔，插入一幅圖像并選中該圖像。單擊行為面板上的“+”按鈕，從彈出菜單中選擇“效果顯示/漸隱”，彈出“顯示/漸隱”對話框，如圖所示。,Click事件或者Load事件,漸隱自、漸隱到、顯示自、顯示到文本框中是對象透明的比例。 選中“切換效果”選項時，如果選擇了單擊事件，則不斷地單擊后，可在顯示與漸隱中切換。,二、遮簾效果（卷簾效果） 利用該Spry效果，可以模擬百葉窗，產(chǎn)生向上或向下滾動百葉窗來隱藏或顯示元素的動畫效果。 新建一個頁面文檔，插入一個Div標(biāo)簽，并在Div標(biāo)簽