網(wǎng)頁設(shè)計(jì)培訓(xùn)教程網(wǎng)頁設(shè)計(jì)教程 第10章 行為與事件

課堂講解上機(jī)實(shí)戰(zhàn)第10課行為與事件課堂講解什么是行為什么是事件認(rèn)識(shí)“行為〞面板添加、修正和刪除行為獲取更多的行為運(yùn)用行為什么是行為行為〔Behavior〕是在Dreamweaver8中預(yù)置的JavaScript程序，由事件〔event〕和對應(yīng)動(dòng)作〔actions〕組成。它能實(shí)現(xiàn)用戶與網(wǎng)頁間的交互，經(jīng)過某個(gè)動(dòng)作來觸發(fā)某項(xiàng)方案。如當(dāng)用戶在頁面中將鼠標(biāo)挪動(dòng)并單擊某一個(gè)鏈接后，載入了一幅圖像，這就產(chǎn)生了兩個(gè)事件onMouseOver和onClick，同時(shí)觸發(fā)了一個(gè)動(dòng)作載入圖像。什么是事件閱讀器都會(huì)提供一組事件，事件與動(dòng)作相關(guān)聯(lián)。當(dāng)訪問者與網(wǎng)頁進(jìn)展交互時(shí)，閱讀器生成事件，但并非一切的事件都是交互的，如設(shè)置網(wǎng)頁每10s自動(dòng)重新載入。根據(jù)所選對象和在“顯示事件〞子菜單中指定的閱讀器的不同，顯示在“事件〞下拉列表框中的事件將有所不同。InternetExplorer和NetscapeNavigator是當(dāng)今主的流閱讀器。IE4闡明此事件適用于InternetExplorer4.0閱讀器，NE4闡明此事件適用于NetscapeNavigator4.0閱讀器。認(rèn)識(shí)“行為〞面板在運(yùn)用行為前要先了解行為的詳細(xì)操作場所——“行為〞面板，在Dreamweaver8右側(cè)的浮動(dòng)面板組中翻開“標(biāo)簽〞面板，在其中單擊“行為〞選項(xiàng)卡翻開“行為〞面板，如沒有“行為〞面板，可以選擇[窗口][行為]菜單命令，也可按【Shift+F4】鍵翻開“行為〞面板。添加、修正和刪除行為添加行為修正行為刪除行為添加行為在不同類型的閱讀器中可以根據(jù)需求將行為附加到整個(gè)文檔、鏈接、圖像、表單對象或任何其他的HTML元素中。修正行為選擇添加行為的對象。按【Shift+F4】鍵翻開“行為〞面板，在其“動(dòng)作〞列表中雙擊要修正的行為動(dòng)作或?qū)⑵溥x擇并按【Enter】鍵，也可單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯行為〞命令，在翻開的對話框中進(jìn)展修正，然后單擊“確定〞按鈕。刪除行為在“行為〞面板中選擇要?jiǎng)h除的行為。單擊按鈕或在行為上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除行為〞命令，還可以直接按【Delete】鍵即可。獲取更多的行為Dreamweaver8自帶的行為比較少，假設(shè)想獲取更多的行為可以從Macromedia公司和其他第三方的開發(fā)網(wǎng)站下載。在“行為〞下拉列表中選擇“獲取更多的行為〞選項(xiàng)，那么會(huì)翻開Macromedia公司官方網(wǎng)站提供的行為下載頁面。運(yùn)用行為設(shè)置文本“設(shè)置層文本〞行為“設(shè)置框架文本〞行為“設(shè)置文本域文本〞行為“設(shè)置形狀欄文本〞行為播放聲音翻開閱讀器窗口交換圖像恢復(fù)交換圖像改動(dòng)屬性檢查閱讀器檢查插件檢查表單設(shè)置導(dǎo)航欄圖像轉(zhuǎn)到URL彈出信息拖動(dòng)層顯示-隱藏層彈出式菜單調(diào)用JavaScript控制Shockwave或Flash預(yù)先載入圖像跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單開場時(shí)間軸“設(shè)置層文本〞行為“設(shè)置層文本〞行為可以用指定的內(nèi)容交換現(xiàn)有層的內(nèi)容和格式設(shè)置，但將保管層的屬性，包括顏色。該內(nèi)容可以包括任何有效的HTML源代碼。“設(shè)置框架文本〞行為“設(shè)置框架文本〞行為可以動(dòng)態(tài)設(shè)置框架的文本，用指定的內(nèi)容交換框架的內(nèi)容和格式設(shè)置。該內(nèi)容可以包含任何有效的HTML源代碼。運(yùn)用此行為可以動(dòng)態(tài)顯示信息?！霸O(shè)置文本域文本〞行為“設(shè)置文本域文字〞行為可以用指定的內(nèi)容交換表單文本域的內(nèi)容?！霸O(shè)置形狀欄文本〞行為“設(shè)置形狀欄文本〞行為可在閱讀器窗口底部左側(cè)的形狀欄中顯示音訊。如可以運(yùn)用此行為在形狀欄中闡明鏈接的目的而不是顯示鏈接的URL。播放聲音“播放聲音〞行為用來播放聲音和音樂文件，頁面背景音樂和鼠標(biāo)單擊時(shí)的聲音都可以用此行為設(shè)置。翻開閱讀器窗口翻開一個(gè)新的閱讀器窗口，在其中顯示所指定的內(nèi)容，網(wǎng)頁設(shè)計(jì)者可指定該新窗口尺寸、能否可調(diào)理大小、能否有菜單等屬性。交換圖像“交換圖像〞行為可將一個(gè)圖像交換為另一個(gè)圖像，這是經(jīng)過更改“scr〞屬性來實(shí)現(xiàn)的，此動(dòng)作普通用來創(chuàng)建翻轉(zhuǎn)按鈕以及同時(shí)交換多個(gè)圖片。恢復(fù)交換圖像“恢復(fù)交換圖像〞行為用于將交換的圖像恢復(fù)為原始的圖像文件。改動(dòng)屬性“改動(dòng)屬性〞行為用于改動(dòng)網(wǎng)頁元素的屬性值。檢查閱讀器“檢查閱讀器〞行為是為了根據(jù)閱讀者運(yùn)用的閱讀器版本的不同來決議訪問的不同網(wǎng)頁，以提高網(wǎng)頁的兼容性?？蓪⒋诵袨樘砑拥脚c任何閱讀器都兼容頁面的＜body＞標(biāo)簽上，也可以將此行為添加到一個(gè)空鏈接上，并讓該行為根據(jù)訪問者閱讀器的類型和版本確定鏈接的目的頁面。檢查插件“檢查插件〞行為用于檢查訪問者的電腦中能否安裝了特定的插件，而決議將閱讀者帶往不同的頁面，如閱讀者電腦中安裝了Flash插件，那么就播放Flash給閱讀者觀看，假設(shè)沒有安裝，就直接將閱讀者帶往沒有Flash的頁面。檢查表單“檢查表單〞行為用于檢查指定文本域的內(nèi)容，以確保用戶輸入了正確的數(shù)據(jù)類型。運(yùn)用“onBlur〞事件添加到文本域，可以在用戶填寫表單時(shí)對域進(jìn)展檢查，假設(shè)運(yùn)用“onSubmit〞事件將其添加到表單，在用戶提交表單時(shí)可同時(shí)對多個(gè)文本域進(jìn)展檢查。運(yùn)用該行為可以防止表單提交到效力器后指定的文本域包含無效的數(shù)據(jù)。設(shè)置導(dǎo)航欄圖像“設(shè)置導(dǎo)航欄圖像〞行為用于將某個(gè)圖像變?yōu)閷?dǎo)航條圖像，也可更改導(dǎo)航條中圖像的顯示和動(dòng)作。運(yùn)用“設(shè)置導(dǎo)航欄圖像〞行為，可以實(shí)現(xiàn)選擇[插入][圖像對象][導(dǎo)航條]菜單命令一樣的功能。轉(zhuǎn)到URL選擇“轉(zhuǎn)到URL〞行為可在當(dāng)前窗口或指定框架內(nèi)翻開一個(gè)新的頁面。此行為在一次單擊改動(dòng)兩個(gè)或更多框架的內(nèi)容時(shí)特別有用，它也可以在時(shí)間軸內(nèi)被調(diào)用，在特定時(shí)間間隔后跳轉(zhuǎn)到新的頁面。彈出信息“彈出信息〞行為將用于顯示一個(gè)指定的JavaScript提示信息框。該提示信息是提供應(yīng)閱讀者信息的，閱讀者不能做出選擇，也不能控制信息框的外觀，只需一個(gè)“確定〞按鈕，其外觀取決于閱讀器屬性。拖動(dòng)層“拖動(dòng)層〞行為使網(wǎng)頁中層的位置不再是固定不變的，而是可以隨著閱讀者的鼠標(biāo)運(yùn)動(dòng)而運(yùn)動(dòng)，層在拖動(dòng)過程中還可調(diào)用JavaScript代碼或函數(shù)，從而實(shí)現(xiàn)一些特殊效果。顯示-隱藏層“顯示-隱藏層〞行為用于改動(dòng)一個(gè)或多個(gè)層的可見性。此行為可以用于交互時(shí)顯示信息。如當(dāng)鼠標(biāo)光標(biāo)滑過一個(gè)圖像時(shí)，那么顯示該圖像的相關(guān)信息，當(dāng)鼠標(biāo)光標(biāo)分開這個(gè)圖像時(shí)，提示信息那么消逝。彈出式菜單“彈出式菜單〞行為用于在網(wǎng)頁中實(shí)現(xiàn)類似于Windows系統(tǒng)中菜單效果，在設(shè)計(jì)網(wǎng)頁時(shí)可以把一個(gè)類別的頁面都放在菜單中，這樣就能從主頁直接訪問到需求的子頁，以方便閱讀者。跳轉(zhuǎn)菜單“跳轉(zhuǎn)菜單〞行為是用于修正曾經(jīng)創(chuàng)建好的跳轉(zhuǎn)菜單。跳轉(zhuǎn)菜單開場“跳轉(zhuǎn)菜單開場〞行為與“跳轉(zhuǎn)菜單〞行為親密相關(guān)，“跳轉(zhuǎn)菜單開場〞行為允許將“前往〞按鈕和一個(gè)“跳轉(zhuǎn)菜單〞行為關(guān)聯(lián)起來。調(diào)用JavaScript“調(diào)用JavaScript〞行為用于執(zhí)行“行為〞面板中某個(gè)特定事件時(shí)調(diào)用本人編寫的JavaScript代碼、函數(shù)?？刂芐hockwave或Flash“控制Shockwave或Flash〞行為用來控制MacromediaShockwave或MacromediaFlash的播放、停頓、重放或跳轉(zhuǎn)到某一幀操作。預(yù)先載入圖像在網(wǎng)頁中包含了各種各樣的圖像，有些圖像在網(wǎng)頁被閱讀器下載的時(shí)候不能被同時(shí)下載，要顯示這些圖片就需求再次發(fā)出下載指令，這樣會(huì)影響閱讀者的閱讀。這時(shí)可運(yùn)用“預(yù)先載入圖像〞行為先將這些圖片載入到閱讀器的緩存中，防止出現(xiàn)延遲。時(shí)間軸