DW12使用行為詳解

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

2、產(chǎn)生行為的主體，大局部網(wǎng)頁元素都可以成為對象，如：圖片，文本，多媒體等，甚至網(wǎng)頁Body主體。2、事件：是用戶的某個(gè)操作，是觸發(fā)動(dòng)作的原因，定義使用者的操作行為或者網(wǎng)頁的狀態(tài)。被附加到各種頁面元素上；對象不同，相應(yīng)的事件不同。3、動(dòng)作：由用戶操作發(fā)生某個(gè)事件時(shí)，網(wǎng)頁中通過動(dòng)作代碼作出響應(yīng)。不同的事件對應(yīng)不同的動(dòng)作。動(dòng)作是由預(yù)先編寫的JavaScript代碼組成的，這些代碼執(zhí)行特定的任務(wù)，例如翻開閱讀器窗口、顯示或隱藏層、播放聲音等。將行為附加到網(wǎng)頁元素之后，只要對該元素發(fā)生了所指定的事件，閱讀器就會(huì)調(diào)用與該事件關(guān)聯(lián)的動(dòng)作JavaScript代碼。 如同：面向?qū)ο缶幊讨械氖录c事件代碼。另外，觸

3、發(fā)一個(gè)事件時(shí)，可以執(zhí)行多個(gè)動(dòng)作。如：多重鏈接。第二節(jié) 使用“行為面板一、顯示行為面板選擇“窗口/行為菜單，顯示行為面板。“行為面板具有以下選項(xiàng)：動(dòng)作 (+) 是一個(gè)彈出式菜單，其中包含可以附加到當(dāng)前所選元素前提的多個(gè)動(dòng)作。刪除 (-) 從行為列表中刪除所選的事件和動(dòng)作。 上下箭頭按鈕將特定事件的所選動(dòng)作在行為列表中向上或向下挪動(dòng)改變行為動(dòng)作的執(zhí)行順序。 二、增加行為給元素附加行為的方法：選中欲添加行為的網(wǎng)頁元素，在行為面板上單擊“+添加一個(gè)行為。再在左側(cè)的列表中選相應(yīng)的動(dòng)作種類，以及該動(dòng)作的詳細(xì)參數(shù)。動(dòng)作的默認(rèn)事件顯示在事件欄中，假設(shè)不是所要的事件，那么在事件下拉列表中選擇所需的事件?？梢詫?dòng)

4、作附加到整個(gè)文檔即body，在文檔窗口底部左側(cè)的標(biāo)簽選擇器中單擊標(biāo)簽，還可以附加到鏈接、圖像、表單元素或多種其他HTML元素中的任何一種。三、刪除行為方法：在頁面中選中行為對象，在行為面板中的行為列表中選擇欲刪除的行為，單擊“-。四、調(diào)整行為順序當(dāng)同一個(gè)對象對應(yīng)多個(gè)不同的行為時(shí)，可以調(diào)整其響應(yīng)順序。方法：在頁面中選中行為對象，在行為面板中的多個(gè)行為列表中選擇欲調(diào)整順序的行為，單擊“或者“ 調(diào)整順序。五、設(shè)置事件Dreamweaver中某個(gè)行為時(shí)會(huì)自動(dòng)創(chuàng)立一個(gè)默認(rèn)事件，默認(rèn)的事件有時(shí)并不是用戶需要的，比方彈出消息窗口，默認(rèn)事件是Onload事件，即網(wǎng)頁加載時(shí)彈出消息窗口，但用戶假設(shè)希望單擊網(wǎng)頁后

5、彈出消息窗口，就必須更改事件為Onclick事件。方法：單擊行為列表中所選事件名稱旁邊的箭頭，在可以觸發(fā)該動(dòng)作的所有事件列表中選擇。注意：事件和當(dāng)前選擇的網(wǎng)頁對象是相關(guān)聯(lián)的，因此事件下拉列表菜單中的內(nèi)容隨所選網(wǎng)頁對象不同而變化。常見行為的觸發(fā)事件及其含義onMouseOver：鼠標(biāo)指針挪動(dòng)到對象上時(shí)觸發(fā)。onMouseOut：鼠標(biāo)指針從對象上移走時(shí)觸發(fā)。onMouseDown：按下鼠標(biāo)鍵時(shí)觸發(fā)。onMouseUp：鼠標(biāo)按鍵抬起時(shí)觸發(fā)。onClick：單擊對象時(shí)觸發(fā)。onDblClick：雙擊對象時(shí)觸發(fā)。onLoad：指定對象裝入內(nèi)存時(shí)觸發(fā)，通常用于Body對象。onUnLoad：卸載指定對象關(guān)

6、閉時(shí)觸發(fā)。六、切換面板視圖方法：在行為面板中單擊視圖切換按鈕，即可在“顯示設(shè)置的事件和“顯示所有事件兩種視圖之間切換。行為對象切換按鈕僅顯示添加的事件顯示所有可以添加的事件第三節(jié) 增加行為一般方法方法：在網(wǎng)頁上選擇一個(gè)元素，在行為面板上單擊“+添加一個(gè)行為。注意：對于純文本不能添加行為，只有將其設(shè)置為空鏈接#或者Javascript:;后，才可以添加行為。第四節(jié) 閱讀器事件講解每個(gè)閱讀器(不同版本)都提供一組事件，且各類型的閱讀器所支持的事件和種類不同。目前現(xiàn)有的閱讀器根本上都支持以下的事件。一般事件事件描述onClick鼠標(biāo)點(diǎn)擊事件，多用在某個(gè)對象控制的范圍內(nèi)的鼠標(biāo)點(diǎn)擊onDblClick鼠

7、標(biāo)雙擊事件onMouseDown鼠標(biāo)上的按鈕被按下了onMouseUp鼠標(biāo)按下后，松開時(shí)激發(fā)的事件onMouseOver當(dāng)鼠標(biāo)移動(dòng)到某對象范圍的上方時(shí)觸發(fā)的事件onMouseMove鼠標(biāo)移動(dòng)時(shí)觸發(fā)的事件onMouseOut當(dāng)鼠標(biāo)離開某對象范圍時(shí)觸發(fā)的事件onKeyPress當(dāng)鍵盤上的某個(gè)鍵被按下并且釋放時(shí)觸發(fā)的事件onKeyDown當(dāng)鍵盤上某個(gè)按鍵被按下時(shí)觸發(fā)的事件onKeyUp當(dāng)鍵盤上某個(gè)按鍵被按放開時(shí)觸發(fā)的事件頁面相關(guān)事件事件描述onAbort圖片在下載時(shí)被用戶中斷onBeforeUnload當(dāng)前頁面的內(nèi)容將要被改變時(shí)觸發(fā)的事件onError捕抓當(dāng)前頁面因?yàn)槟撤N原因而出現(xiàn)的錯(cuò)誤onLoad

8、頁面內(nèi)容完成傳送到瀏覽器時(shí)觸發(fā)的事件，包括外部文件引入完成onMove瀏覽器的窗口被移動(dòng)時(shí)觸發(fā)的事件onResize當(dāng)瀏覽器的窗口大小被改變時(shí)觸發(fā)的事件onScroll瀏覽器的滾動(dòng)條位置發(fā)生變化時(shí)觸發(fā)的事件onStop瀏覽器的停止按鈕被按下時(shí)觸發(fā)的事件或者正在下載的文件被中斷onUnload當(dāng)前頁面將被改變時(shí)觸發(fā)的事件表單相關(guān)事件事件描述onBlur當(dāng)前元素失去焦點(diǎn)時(shí)觸發(fā)的事件onChange當(dāng)前元素失去焦點(diǎn)并且元素的內(nèi)容發(fā)生改變而觸發(fā)的事件onFocus當(dāng)某個(gè)元素獲得焦點(diǎn)時(shí)觸發(fā)的事件onReset當(dāng)表單中RESET的屬性被激發(fā)時(shí)觸發(fā)的事件onSubmit一個(gè)表單被遞交時(shí)觸發(fā)的事件滾動(dòng)字幕事件

9、事件描述onBounce在Marquee內(nèi)的內(nèi)容移動(dòng)至Marquee顯示范圍之外時(shí)觸發(fā)的事件onFinish當(dāng)Marquee元素完成需要顯示的內(nèi)容后觸發(fā)的事件onStart當(dāng)Marquee元素開始顯示內(nèi)容時(shí)觸發(fā)的事件編輯事件事件描述onBeforeCopy頁面中被選擇內(nèi)容將要復(fù)制到瀏覽者系統(tǒng)的剪貼板前觸發(fā)的事件onBeforeCut當(dāng)頁面中的一部分或者全部的內(nèi)容將被移離當(dāng)前頁面剪切并移動(dòng)到瀏覽者的系統(tǒng)剪貼板時(shí)觸發(fā)的事件onBeforeEditFocus當(dāng)前元素將要進(jìn)入編輯狀態(tài)onBeforePaste內(nèi)容將要從瀏覽者的系統(tǒng)剪貼板傳送粘貼到頁面中時(shí)觸發(fā)的事件onBeforeUpdate當(dāng)瀏覽者粘

10、貼系統(tǒng)剪貼板中的內(nèi)容時(shí)通知目標(biāo)對象onContextMenu當(dāng)瀏覽者按下鼠標(biāo)右鍵出現(xiàn)菜單時(shí)或者通過鍵盤的按鍵觸發(fā)頁面菜單時(shí)觸發(fā)的事件onCopy當(dāng)頁面當(dāng)前的被選擇內(nèi)容被復(fù)制后觸發(fā)的事件onCut當(dāng)頁面當(dāng)前的被選擇內(nèi)容被剪切時(shí)觸發(fā)的事件onDrag當(dāng)某個(gè)對象被拖動(dòng)時(shí)觸發(fā)的事件onDragDrop一個(gè)外部對象被鼠標(biāo)拖進(jìn)當(dāng)前窗口或者幀onDragEnd當(dāng)鼠標(biāo)拖動(dòng)結(jié)束時(shí)觸發(fā)的事件，即鼠標(biāo)的按鈕被釋放了onDragEnter當(dāng)對象被鼠標(biāo)拖動(dòng)的對象進(jìn)入其容器范圍內(nèi)時(shí)觸發(fā)的事件onDragLeave當(dāng)對象被鼠標(biāo)拖動(dòng)的對象離開其容器范圍內(nèi)時(shí)觸發(fā)的事件onDragOver當(dāng)某被拖動(dòng)的對象在另一對象容器范圍內(nèi)拖動(dòng)

11、時(shí)觸發(fā)的事件onDragStart當(dāng)某對象將被拖動(dòng)時(shí)觸發(fā)的事件onDrop在一個(gè)拖動(dòng)過程中，釋放鼠標(biāo)鍵時(shí)觸發(fā)的事件onLoseCapture當(dāng)元素失去鼠標(biāo)移動(dòng)所形成的選擇焦點(diǎn)時(shí)觸發(fā)的事件onPaste當(dāng)內(nèi)容被粘貼時(shí)觸發(fā)的事件onSelect當(dāng)文本內(nèi)容被選擇時(shí)的事件onSelectStart當(dāng)文本內(nèi)容選擇將開始發(fā)生時(shí)觸發(fā)的事件數(shù)據(jù)綁定事件事件描述onAfterUpdate當(dāng)數(shù)據(jù)完成由數(shù)據(jù)源到對象的傳送時(shí)觸發(fā)的事件onCellChange當(dāng)數(shù)據(jù)來源發(fā)生變化時(shí)onDataAvailable當(dāng)數(shù)據(jù)接收完成時(shí)觸發(fā)事件onDatasetChanged數(shù)據(jù)在數(shù)據(jù)源發(fā)生變化時(shí)觸發(fā)的事件onDatasetCom

12、plete當(dāng)來子數(shù)據(jù)源的全部有效數(shù)據(jù)讀取完畢時(shí)觸發(fā)的事件onErrorUpdate當(dāng)使用onBeforeUpdate事件觸發(fā)取消了數(shù)據(jù)傳送時(shí)，代替onAfterUpdate事件onRowEnter當(dāng)前數(shù)據(jù)源的數(shù)據(jù)發(fā)生變化并且有新的有效數(shù)據(jù)時(shí)觸發(fā)的事件onRowExit當(dāng)前數(shù)據(jù)源的數(shù)據(jù)將要發(fā)生變化時(shí)觸發(fā)的事件onRowsDelete當(dāng)前數(shù)據(jù)記錄將被刪除時(shí)觸發(fā)的事件onRowsInserted當(dāng)前數(shù)據(jù)源將要插入新數(shù)據(jù)記錄時(shí)觸發(fā)的事件外部事件事件描述onAfterPrint當(dāng)文檔被打印后觸發(fā)的事件onBeforePrint當(dāng)文檔即將打印時(shí)觸發(fā)的事件onFilterChange當(dāng)某個(gè)對象的濾鏡效果發(fā)生

13、變化時(shí)觸發(fā)的事件onHelp當(dāng)瀏覽者按下F1或者瀏覽器的幫助選擇時(shí)觸發(fā)的事件onPropertyChange當(dāng)對象的屬性之一發(fā)生變化時(shí)觸發(fā)的事件onReadyStateChange當(dāng)對象的初始化屬性值發(fā)生變化時(shí)觸發(fā)的事件第五節(jié) 使用Dreamweaver CS5預(yù)定義行為一、交換圖像和恢復(fù)交換圖像“交換圖像行為通過改變標(biāo)簽的src屬性將一幅圖像交換成為另外一幅圖像。使用此行為可以創(chuàng)立鼠標(biāo)經(jīng)過按鈕的效果。方法：在文檔中插入一副圖像，屬性面板的“ID文本框中輸入圖像的ID以便識別；選擇要交換的圖像，在行為面板單擊“添加行為+按鈕，在彈出的下拉菜單中選擇“交換圖像命令，在交換圖像對話框中指定交換的圖

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

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

16、域中輸入要顯示網(wǎng)頁的URL或通過“閱讀按鈕選擇一個(gè)要顯示的網(wǎng)頁文件。另外設(shè)置窗口大小以及其它內(nèi)容的顯示與否等。注意給文本添加行為時(shí)，要注意將其設(shè)置為超級鏈接#，否那么很多行為都無法添加。窗口寬度：指定窗口的寬度以像素為單位。窗口高度：指定窗口的高度以像素為單位。屬性：選擇是否在新的閱讀器窗口中包含：導(dǎo)航工具欄、地址工具欄、狀態(tài)欄、菜單條、滾動(dòng)條、調(diào)整大小手柄等內(nèi)容。窗口名稱是新窗口的名稱。制作Click圖像冊單擊縮略圖，顯示大圖。制作load招聘啟事，廣告Body 的load事件中添加翻開閱讀器行為是一個(gè)好的操作。四、拖動(dòng)AP元素拖動(dòng)AP元素行為可以允許在頁面上拖動(dòng)AP元素。方法：選擇對象，在

17、行為面板上單擊“+，在行為的動(dòng)作列表中選擇“拖動(dòng)AP元素。例：制作案例(CH09)中的拼圖頁面。先演示效果。設(shè)計(jì)步驟：先建立7個(gè)AP DIV層，并分別將每一個(gè)拼塊置于一個(gè)層中，調(diào)整層的大小，使圖片剛好包容其中，可先讓層的大小大于圖片大小，再調(diào)整其大小，但層的大小不能小于圖片，否那么拖動(dòng)時(shí)有些區(qū)域不能拖。對照原始圖片，將各層排列到一起，形成完好圖片。選中Body，添加“拖動(dòng)AP元素，為每個(gè)層(列表選)逐一設(shè)置拖動(dòng)層效果，為其Onload事件添加行為。選中Body對象，添加行為；“層列表中選擇被拖動(dòng)的對象層。獲得當(dāng)前位置使得當(dāng)對象被置于該位置并在“靠近間隔 范圍內(nèi)時(shí)，會(huì)自動(dòng)歸位。在高級選項(xiàng)卡中，提

18、示拖動(dòng)結(jié)果，加代碼：alert(唔,還不錯(cuò)喲!)假設(shè)沒有添加拖動(dòng)層行為，層是不能被拖動(dòng)的。再建立一個(gè)層，用于放置操作提示文本！注意：將層的標(biāo)簽類型由DIV改為SPAN后選中多個(gè)層，再在屬性面板上改，層的邊界不顯示。五、改變屬性“改變屬性行為可以動(dòng)態(tài)改變某一對象的屬性值。方法：選擇對象，在行為面板上單擊“+，在行為的動(dòng)作列表中選擇“改變屬性。在對話框中確定欲改變的對象類型和對象的屬性。如改變一個(gè)層的背景顏色backgroundcolor。實(shí)例：使用改變屬性制作圖片陰影效果如CH09實(shí)例中的“改變屬性.htm演示 1實(shí)例創(chuàng)意大多數(shù)行為的屬性都可以修改，而且這些行為的顯示效果取決于所使用的閱讀器，本

19、實(shí)例將實(shí)現(xiàn)圖片陰影效果的功能，當(dāng)鼠標(biāo)移至圖片上時(shí)，陰影效果顯示，當(dāng)鼠標(biāo)分開圖片時(shí)，陰影效果消失。 2制作步驟1新建網(wǎng)頁，保存頁面，在該頁面中插入一個(gè)層，將圖片插入到該層中，調(diào)整圖層大小，使圖層比圖像略大一點(diǎn)所示。 2選擇圖像后，在行為選擇菜單中選擇“改變屬性命令。 3在彈出的對話框中作如以下圖的選擇本例效果是改變“Layer1的背風(fēng)榮耀。 4為了得到陰影效果，在“新的值框中輸入“black ，當(dāng)然也可以輸入其他色彩名稱或代碼。 5默認(rèn)的事件是“onload，在這里用鼠標(biāo)單擊其右方的黑三角，在彈出的下拉選項(xiàng)中選擇“onMouseOver鼠標(biāo)經(jīng)過)。 6用同樣的方法添加行為，再在Moveout事件

20、時(shí)設(shè)置為白色。7保存網(wǎng)頁后，按F12預(yù)覽，如圖示：當(dāng)鼠標(biāo)經(jīng)過圖片時(shí)，圖片顯示陰影效果。 注意：鼠標(biāo)分開圖片，陰影效果消失的效果。六、顯示-隱藏元素顯示-隱藏層可以對頁面中所有的層進(jìn)展設(shè)置，使其可顯示或隱藏?？赏ㄟ^顯示-隱藏層的功能制作一個(gè)網(wǎng)頁中常見的導(dǎo)航用下拉菜單。其本質(zhì)是網(wǎng)頁中共有多個(gè)菜單，分別對應(yīng)有多個(gè)層，每一層即一個(gè)下拉菜單，網(wǎng)頁加載時(shí)，這多個(gè)層全部隱藏，當(dāng)鼠標(biāo)挪動(dòng)到某菜單上時(shí)，對應(yīng)層顯示，并可單擊其中的超鏈接，而其它層隱藏。方法：選擇行為對象如文字鏈接，在行為面板上單擊“+，在行為的動(dòng)作列表中選擇“顯示隱藏層，選中某一層，單擊“顯示，選中其它層，單擊“隱藏，逐一設(shè)置多個(gè)層。制作層菜單，

21、其中菜單項(xiàng)都在層中，這種菜單很實(shí)用。如青海大學(xué)的主頁用IE翻開。步驟：設(shè)置頁面的導(dǎo)航條，并添加各層及相應(yīng)層中的超鏈接。在Body的load事件中，隱藏所有層。再在導(dǎo)航條或菜單項(xiàng)的單擊或越過事件中選擇顯示相應(yīng)的層菜單。顯示一個(gè)，隱藏其它注意：每一個(gè)菜單項(xiàng)的文字須是虛鏈接方可添加“顯示隱藏層行為。而在每一個(gè)層中又以表格布局添加相應(yīng)的超級鏈接。這種菜單比較常用。七、檢查插件使用“檢查插件行為根據(jù)訪問者是否安裝了指定的插件這一情況將他們發(fā)送到不同的頁。方法：選擇一個(gè)事件對象鏈接、圖片、body等并翻開“行為面板。單擊加號+按鈕并從“動(dòng)作彈出式菜單中選擇“檢查插件。從“插件彈出式菜單中選擇一個(gè)插件，或單

22、擊“輸入并在相鄰的域中鍵入插件確實(shí)切名稱。在“假設(shè)有，前往URL域中，為具有該插件的訪問者指定一個(gè)URL。假設(shè)指定一個(gè)遠(yuǎn)程URL，那么必須在地址中包括“ :/前綴。在“否那么，前往URL域中，為不具有該插件的訪問者指定一個(gè)替代URL。假設(shè)要讓不具有該插件的訪問者留在同一頁上，將此域留空。 通常，假設(shè)插件內(nèi)容對于您的頁面是必不可少的一局部，請選擇“假設(shè)無法檢測，總是轉(zhuǎn)到第一個(gè) URL選項(xiàng)，閱讀器通常會(huì)提示不具有該插件的訪問者下載該插件。假設(shè)插件內(nèi)容對于您的頁面不是必要的，請保存此選項(xiàng)的未選中狀態(tài)。八、設(shè)置文本1設(shè)置容器的文本“設(shè)置容器的文本動(dòng)作允許將網(wǎng)頁中某容器的文本動(dòng)態(tài)交換為特定的內(nèi)容。前提：

23、為欲設(shè)置文本的每一個(gè)容器對象某一個(gè)完好的標(biāo)簽設(shè)置一個(gè)唯一的ID屬性。方法：選中欲設(shè)置文本的容器對象，單擊“行為面板上加號+按鈕，選擇“設(shè)置文本中的“設(shè)置容器的文本。例：將一個(gè)段落標(biāo)簽的內(nèi)容交換為一張圖片。新建一個(gè)頁面，輸入兩行文本:“設(shè)置容器的文本、“請單擊我看看發(fā)生什么，前者設(shè)置為H1標(biāo)題，后者設(shè)置一個(gè)段落，并設(shè)置ID為p1。選中p1段落，單擊“行為面板上加號+按鈕，設(shè)置容器中的文本如下：再將事件改為Click；被替容器對象交換內(nèi)容2設(shè)置文本域文本“設(shè)置文本域文本行為可用指定的內(nèi)容交換表單中文本域的內(nèi)容。方法：選中欲設(shè)置文本的文本域，單擊“行為面板上加號+按鈕，選擇“設(shè)置文本中的“設(shè)置文本域

24、文本。例：建立一個(gè)輸入用戶名的文本域，ID名為：Username，設(shè)計(jì)如下頁中的圖所示，設(shè)置文本域文本行為，當(dāng)該文本域獲得焦點(diǎn)時(shí)，清空文本域的內(nèi)容，輸入詳細(xì)的用戶名。此處為空在事件列表中更改觸發(fā)的事件為OnFocus3設(shè)置狀態(tài)欄文本“設(shè)置狀態(tài)欄文本動(dòng)作可在閱讀器窗口底部左側(cè)的狀態(tài)欄中顯示特定的文本。方法：選中欲添加行為的對象如Body，單擊“行為面板上加號+按鈕，選擇“設(shè)置文本中的“設(shè)置狀態(tài)欄文本。如：Body標(biāo)簽的load事件中設(shè)置狀態(tài)欄文本，將狀態(tài)欄的內(nèi)容自己期望的文本內(nèi)容。4設(shè)置框架文本*“設(shè)置框架文本動(dòng)作允許動(dòng)態(tài)設(shè)置框架的文本，用指定的內(nèi)容交換框架的內(nèi)容和格式設(shè)置?？梢韵全@取當(dāng)前框架中

25、的內(nèi)容，再設(shè)置新的內(nèi)容；另外可用HTML標(biāo)簽設(shè)置格式。用指定的內(nèi)容交換框架中原有的內(nèi)容。 被交換對象交換內(nèi)容九、調(diào)用JavaScript調(diào)用JavaScript行為觸發(fā)時(shí)用于調(diào)用一段JavaScript代碼或者函數(shù)。方法：選擇一個(gè)事件對象文本鏈接、圖片、body等，在“行為面板中單擊加號+按鈕，從“動(dòng)作彈出式菜單中選擇“調(diào)用JavaScript。如：網(wǎng)頁中輸入“關(guān)閉窗口文本，選中對其設(shè)置調(diào)用JavaScript代碼為：window.close()，對應(yīng)事件為：Onclick。即可在單擊時(shí)關(guān)閉本窗口。十、跳轉(zhuǎn)菜單*通過跳轉(zhuǎn)菜單，可以使訪問者從由多個(gè)鏈接列表中選擇一項(xiàng)，跳轉(zhuǎn)到其他頁面。如友誼鏈接。

26、當(dāng)空間有限，但需要顯示許多鏈接項(xiàng)或需要把鏈接項(xiàng)集中歸類時(shí)，跳轉(zhuǎn)菜單非常有用。使用跳轉(zhuǎn)菜單行為，先通過表單對表插入一個(gè)跳轉(zhuǎn)菜單。方法：首先將插入點(diǎn)放在要插入跳轉(zhuǎn)菜單的位置。單擊“插入面板中“表單中的“跳轉(zhuǎn)菜單工具 ，或者“插入菜單的“表單中的“跳轉(zhuǎn)菜單。61跳轉(zhuǎn)菜單行為用于對跳轉(zhuǎn)菜單進(jìn)展編輯修改。方法：選中建立的跳轉(zhuǎn)菜單，在行為面板中雙擊“跳轉(zhuǎn)菜單項(xiàng)，即可對其跳轉(zhuǎn)菜單進(jìn)展進(jìn)一步的修改。可以改變菜單順序，可以增減菜單項(xiàng)以及詳細(xì)某一項(xiàng)的內(nèi)容等十一、跳轉(zhuǎn)菜單開場*跳轉(zhuǎn)菜單開場是對跳轉(zhuǎn)菜單功能的一種擴(kuò)展，一般情況下，當(dāng)在跳轉(zhuǎn)菜單中單擊選擇某一項(xiàng)后，自動(dòng)轉(zhuǎn)移到指定的鏈接?；蛘哌x擇某一項(xiàng)后，單擊“前往按鈕即

27、可；但是有時(shí)希望在跳轉(zhuǎn)菜單中選擇某一項(xiàng)，再單擊某個(gè)對象時(shí)，再實(shí)現(xiàn)跳轉(zhuǎn)，這時(shí)可用跳轉(zhuǎn)菜單開場行為。方法：選擇一個(gè)事件對象文本鏈接、圖片等，在“行為面板中單擊加號+按鈕，從“動(dòng)作彈出式菜單中選擇“跳轉(zhuǎn)菜單開場。添加跳轉(zhuǎn)菜單行為后，跳轉(zhuǎn)菜單在行為列表中原有的行為被刪除，而是加了跳轉(zhuǎn)菜單開場行為。選擇欲開場的跳轉(zhuǎn)菜單，單擊確定即可實(shí)現(xiàn)相應(yīng)的功能。十二、轉(zhuǎn)到URL當(dāng)行為被觸發(fā)時(shí)，可將直接跳轉(zhuǎn)到指定的URL上。方法：選擇一個(gè)事件對象文本、圖片等，在“行為面板中單擊加號+按鈕，從“動(dòng)作彈出式菜單中選擇“轉(zhuǎn)到URL。如同翻開閱讀器窗口行為，可以給一個(gè)對象添加多個(gè)該行為。十三、隱藏彈出式菜單(略)在CS5中沒有

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

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

30、所有元素。通常用于在一段時(shí)間內(nèi)高亮顯示信息，創(chuàng)立動(dòng)畫過渡或以可視方式修改頁面元素。Spry動(dòng)畫效果可以修改元素的不透明、縮放比例、位置和款式屬性如背景顏色，還可以組合兩個(gè)或多個(gè)屬性來創(chuàng)立有趣的視覺效果。要對某個(gè)元素應(yīng)用效果，必須使該元素處于選定狀態(tài)，或該元素已指定一個(gè)ID。當(dāng)使用效果時(shí)，系統(tǒng)會(huì)在“代碼視圖中將不同的代碼行添加到您的文件中。其中用來標(biāo)識文件包含所有Spry效果所必須的JavaScript腳本庫。請不要從代碼中刪除該行，否那么這些效果將不起作用。Spry效果包括顯示/漸隱、高亮顏色、遮簾、滑動(dòng)、增大/收縮、晃動(dòng)、擠壓等動(dòng)畫效果，它可以設(shè)置元素的不透明、縮放比例、位置和款式屬性如背景顏色，還可以組合兩個(gè)或多個(gè)屬性來創(chuàng)立有趣的視覺效果。由于這些效果都基于Spry，因此，當(dāng)單擊應(yīng)用了效果的對象時(shí)，只有對象會(huì)進(jìn)展動(dòng)態(tài)更新，不會(huì)刷新整個(gè)HTML頁面。 一、顯示漸隱效果利用該Spry效果，可以使元素產(chǎn)生淡淡顯示或隱藏的動(dòng)畫效果。新建一個(gè)頁面文檔，插入一幅圖像并選中該圖像。單擊行為面板上的“+按鈕，從彈出菜單中選擇“效果顯示/漸隱，彈出“顯示/漸