中文Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì) 沈大林 張倫_ 第7章 行為

《中文Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì) 沈大林 張倫_ 第7章 行為》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、第7章第7.1節(jié)時(shí)間軸和行為動(dòng)作和事件行為是動(dòng)作（Actions）和事件（Events）的組合。動(dòng)作就是計(jì)算機(jī)系統(tǒng)執(zhí)行的一個(gè)動(dòng)作，例如，調(diào)出一個(gè)提示框、執(zhí)行一段程序或一個(gè)函數(shù)、播放聲音或影片、啟動(dòng)或停止“時(shí)間軸”面板中的動(dòng)畫(huà)等。動(dòng)作通常是由預(yù)先編寫(xiě)好的JavaScript程序腳本實(shí)現(xiàn)的，Dreamweaver?CS5自帶了一些動(dòng)作的JavaScript程序腳本，可供用戶直接調(diào)用。用戶也可以自己用JavaScript語(yǔ)言編寫(xiě)JavaScript程序腳本，創(chuàng)建新的行為。事件是指引發(fā)動(dòng)作產(chǎn)生的事情，例如，鼠標(biāo)移到某對(duì)象之上、鼠標(biāo)單擊某對(duì)象、“時(shí)間軸”面板中的回放頭播放到某一幀等。要?jiǎng)?chuàng)建一個(gè)行為

2、，就是要指定一個(gè)動(dòng)作，再確定觸發(fā)該動(dòng)作的事件。有時(shí)，某幾個(gè)動(dòng)作可以被相同的事件觸發(fā)，則須要指定動(dòng)作發(fā)生的順序。Dreamweaver?CS5采用了“行為”面板來(lái)完成行為中的動(dòng)作和事件的設(shè)置，從而實(shí)現(xiàn)動(dòng)態(tài)交互效果。7.1.1動(dòng)作和事件名稱(chēng)及其作用1．動(dòng)作名稱(chēng)及其作用單擊“窗口”→“行為”命令或按Shift+F3組合鍵，即可調(diào)出“行為”面板，如圖7-1-1所示。單擊“行為”面板中的“添加行為”按鈕，調(diào)出“動(dòng)作名稱(chēng)”下拉菜單，其作用如表7-1-1所示。再單擊某一個(gè)動(dòng)作名稱(chēng)，即可進(jìn)行相應(yīng)地動(dòng)作設(shè)置。注意：對(duì)于選擇不同的瀏覽器，可以使用的動(dòng)作也不一樣，版本低的瀏覽器可以使用的動(dòng)作較少。當(dāng)選定的對(duì)象

3、不一樣時(shí)，動(dòng)作名稱(chēng)菜單中可以使用的動(dòng)作也不一樣。進(jìn)行完動(dòng)作的設(shè)置后，在“行為”面板的列表框內(nèi)會(huì)顯示出動(dòng)作的名稱(chēng)與默認(rèn)的事件名稱(chēng)。選擇動(dòng)作名稱(chēng)后，“事件”列表框中默認(rèn)的事件名稱(chēng)右邊會(huì)出現(xiàn)一個(gè)按鈕。表7-1-1動(dòng)作名稱(chēng)及動(dòng)作的作用序號(hào)1234567891011動(dòng)作的中文名稱(chēng)交換圖像調(diào)出信息恢復(fù)交換圖像打開(kāi)瀏覽器窗口拖曳AP元素改變屬性效果顯示—隱藏元素檢查插件檢查表單設(shè)置導(dǎo)航欄圖像動(dòng)作的作用交換圖像調(diào)出消息欄恢復(fù)交換圖像打開(kāi)新的瀏覽器窗口拖曳AP元素到目標(biāo)位置改變對(duì)象的屬性可以選擇“增大/收縮”、“擠壓”、“顯示/漸隱”等效果顯示或隱藏AP元素檢查瀏覽器中已安裝插件的功能檢查指定的表單內(nèi)容的

4、數(shù)據(jù)類(lèi)型是否正確設(shè)置引導(dǎo)鏈接的動(dòng)態(tài)導(dǎo)航條圖像按鈕121設(shè)置文本（設(shè)置容器的文本）設(shè)置中的AP元素的文本圖711?“行為”面板設(shè)置11912-2設(shè)置文本（設(shè)置文本域文字）設(shè)置表單域內(nèi)文字框中的文字12-3設(shè)置文本（設(shè)置框架文本）設(shè)置框架中的文本12-4設(shè)置文本（設(shè)置狀態(tài)欄文本）設(shè)置狀態(tài)欄中的文本1314151617181920調(diào)用JavaScript跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單開(kāi)始轉(zhuǎn)到URL預(yù)先載入圖像顯示事件獲得更多行為簡(jiǎn)易不使用調(diào)用JavaScript函數(shù)選擇菜單實(shí)現(xiàn)跳轉(zhuǎn)選擇菜單后，單擊“Go”按鈕實(shí)現(xiàn)跳轉(zhuǎn)跳轉(zhuǎn)到URL指定的網(wǎng)頁(yè)預(yù)裝載圖像，以改善顯示效果用來(lái)選擇瀏覽器版本上網(wǎng)，獲得更多行為（不屬于

5、動(dòng)作）其下的一些行為可以使用，但不建議使用2．事件名稱(chēng)及其作用如果要重新設(shè)置事件可單擊“事件”列表框中默認(rèn)的事件名稱(chēng)右邊的按鈕，調(diào)出事件名稱(chēng)菜單。其內(nèi)列出該對(duì)象可使用的所有事件。各個(gè)事件的名稱(chēng)及其作用如表7-1-2所示。表7-1-2事件名稱(chēng)及其作用序號(hào)12345678910111213141516事件名稱(chēng)OnAbortonAfterUpdateonBeforeUpdateonFocusonBluronClickonDblClickonErroronHelponLoadonMouseDownonMouseUponMouseOveronMouseOutonMouseMoveonReadySt

6、ateChange事件可以作用的對(duì)象圖像、頁(yè)面等圖像、頁(yè)面等圖像、頁(yè)面等按鈕、鏈接和文本框等按鈕、鏈接和文本框等所有對(duì)象所有對(duì)象圖像、頁(yè)面等圖像等圖像、頁(yè)面等鏈接圖像和文字等鏈接圖像和文字等鏈接圖像和文字等鏈接圖像和文字等鏈接圖像和文字等圖像等事件的作用中斷對(duì)象載入操作時(shí)對(duì)象更新之后對(duì)象更新之前當(dāng)前對(duì)象得到輸入焦點(diǎn)時(shí)焦點(diǎn)從當(dāng)前對(duì)象移開(kāi)時(shí)單擊對(duì)象時(shí)雙擊對(duì)象時(shí)載入圖像等當(dāng)中產(chǎn)生錯(cuò)誤時(shí)調(diào)用幫助時(shí)載入對(duì)象時(shí)在熱字或圖像處按鼠標(biāo)左鍵時(shí)在熱字或圖像處松開(kāi)鼠標(biāo)左鍵時(shí)鼠標(biāo)指針移入熱字或圖像區(qū)域時(shí)鼠標(biāo)指針移出熱字或圖像區(qū)域時(shí)鼠標(biāo)指針在熱字或圖像上移動(dòng)時(shí)對(duì)象狀態(tài)改變時(shí)17onKeyDown鏈接圖像和文字等當(dāng)

7、焦點(diǎn)在對(duì)象上，按鍵處于按下?tīng)顟B(tài)時(shí)181920212223onKeyPressonKeyUponSubmitonResetonSelectonUnload鏈接圖像和文字等鏈接圖像和文字等表單等表單等文字段落、選擇框等主頁(yè)面等當(dāng)焦點(diǎn)在對(duì)象上，按鍵按下時(shí)當(dāng)焦點(diǎn)在對(duì)象上，按鍵彈起時(shí)表單提交時(shí)表單重置時(shí)選定文字段落或選擇框內(nèi)某項(xiàng)時(shí)當(dāng)離開(kāi)此頁(yè)時(shí)2425onResizeonScroll主窗口、幀窗口等主窗口、幀窗口、多行輸入文本框等當(dāng)瀏覽器內(nèi)的窗