第11課marquee標(biāo)記和行為

1、課堂講解 上機(jī)實(shí)驗(yàn) 行為簡介 認(rèn)識“行為”面板 添加、修改和刪除行為 獲取更多的行為 應(yīng)用行為 引例 行為的概念 行為（Behavior）是在Dreamweaver 中預(yù)置的JavaScript程序，由事件（event）和對應(yīng)動作（actions）組成。 它能實(shí)現(xiàn)用戶與網(wǎng)頁間的交互，通過某個(gè)動作來觸發(fā)某項(xiàng)計(jì)劃。 如當(dāng)用戶在頁面中將鼠標(biāo)移動并單擊某一個(gè)鏈接后，載入了一幅圖像，這就產(chǎn)生了兩個(gè)事件onMouseOver和onClick，同時(shí)觸發(fā)了一個(gè)動作載入圖像。 瀏覽器都會提供一組事件，事件與動作相關(guān)聯(lián)。當(dāng)訪問者與網(wǎng)頁進(jìn)行交互時(shí)，瀏覽器生成事件，但并非所有的事件都是交互的。 根據(jù)所選對象和在“顯示

2、事件”子菜單中指定的瀏覽器的不同，顯示在“事件”下拉列表框中的事件將有所不同。 瀏覽器都會提供一組事件，事件與動作相關(guān)聯(lián)。當(dāng)訪問者與網(wǎng)頁進(jìn)行交互時(shí)，瀏覽器生成事件，但并非所有的事件都是交互的，如設(shè)置網(wǎng)頁每10s自動重新載入。 根據(jù)所選對象和在“顯示事件”子菜單中指定的瀏覽器的不同，顯示在“事件”下拉列表框中的事件將有所不同。 在使用行為前要先了解行為的具體操作場所“行為”面板，在Dreamweaver 右側(cè)的浮動面板組中打開“標(biāo)簽”面板，在其中單擊“行為”選項(xiàng)卡打開“行為”面板，如沒有“行為”面板，可以選擇窗口行為菜單命令，也可按【Shift+F4】鍵打開“行為”面板。 添加行為 修改行為 刪

3、除行為 在不同類型的瀏覽器中可以根據(jù)需要將行為附加到整個(gè)文檔、鏈接、圖像、表單對象或任何其他的HTML元素中。（1）在行為面板添加行為（2）從對話框中選擇合適的動作，并設(shè)置對話框（3）回到行為面板 ，可以看到行為，并附加了一個(gè)默認(rèn)事件?？梢孕薷某珊线m的事件。 選擇添加行為的對象。 按【Shift+F4】鍵打開“行為”面板，在其“動作”列表中雙擊要修改的行為動作或?qū)⑵溥x擇并按【Enter】鍵，也可單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯行為”命令，在打開的對話框中進(jìn)行修改，然后單擊“確定”按鈕。 可編輯的內(nèi)容包括：行為的事件，行為的動作，調(diào)整行為的執(zhí)行次序 在“行為”面板中選擇要刪除的行為。

4、單擊 按鈕或在行為上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除行為”命令，還可以直接按【Delete】鍵即可。 Dreamweaver自帶的行為比較少，如果想獲取更多的行為可以從Macromedia公司和其他第三方的開發(fā)網(wǎng)站下載。在“行為”下拉列表中選擇“獲取更多的行為”選項(xiàng)，則會打開Macromedia公司官方網(wǎng)站提供的行為下載頁面。 交換圖像 彈出信息 恢復(fù)交換圖像 打開瀏覽器窗口 拖動AP元素 改變屬性 效果 時(shí)間軸 顯示隱藏元素 檢查插件 檢查表單 設(shè)置導(dǎo)航欄圖像 設(shè)置文本“設(shè)置容器文本”行為 “設(shè)置文本域文本”行為“設(shè)置框架文本”行為 “設(shè)置狀態(tài)欄文本”行為 調(diào)用JavaScript

5、 跳轉(zhuǎn)菜單 跳轉(zhuǎn)菜單開始 轉(zhuǎn)到URL 預(yù)先載入圖像 “設(shè)置AP元素文本”行為可以用指定的內(nèi)容替換現(xiàn)有層的內(nèi)容和格式設(shè)置，但將保留層的屬性，包括顏色。該內(nèi)容可以包括任何有效的HTML源代碼。 “設(shè)置文本域文字”行為可以用指定的內(nèi)容替換表單文本域的內(nèi)容。注意：文本域必須確保有一個(gè)唯一的名稱 “設(shè)置狀態(tài)欄文本”行為可在瀏覽器窗口底部左側(cè)的狀態(tài)欄中顯示消息。如可以使用此行為在狀態(tài)欄中說明鏈接的目標(biāo)而不是顯示鏈接的URL。 “播放聲音”行為用來播放聲音和音樂文件，頁面背景音樂和鼠標(biāo)單擊時(shí)的聲音都可以用此行為設(shè)置。 “交換圖像”行為可將一個(gè)圖像替換為另一個(gè)圖像，這是通過更改“scr”屬性來實(shí)現(xiàn)的，此動作一

6、般用來創(chuàng)建翻轉(zhuǎn)按鈕以及同時(shí)替換多個(gè)圖片。 “恢復(fù)交換圖像”行為用于將替換的圖像恢復(fù)為原始的圖像文件。 “改變屬性”行為用于改變網(wǎng)頁元素的屬性值。 “檢查瀏覽器”行為是為了根據(jù)瀏覽者使用的瀏覽器版本的不同來決定訪問的不同網(wǎng)頁，以提高網(wǎng)頁的兼容性?？蓪⒋诵袨樘砑拥脚c任何瀏覽器都兼容頁面的body標(biāo)簽上，也可以將此行為添加到一個(gè)空鏈接上，并讓該行為根據(jù)訪問者瀏覽器的類型和版本確定鏈接的目標(biāo)頁面。 “檢查插件”行為用于檢查訪問者的電腦中是否安裝了特定的插件，而決定將瀏覽者帶往不同的頁面，如瀏覽者電腦中安裝了Flash插件，那么就播放Flash給瀏覽者觀看，如果沒有安裝，就直接將瀏覽者帶往沒有Flash

7、的頁面。 “檢查表單”行為用于檢查指定文本域的內(nèi)容，以確保用戶輸入了正確的數(shù)據(jù)類型。使用“onBlur”事件添加到文本域，可以在用戶填寫表單時(shí)對域進(jìn)行檢查，若使用“onSubmit”事件將其添加到表單，在用戶提交表單時(shí)可同時(shí)對多個(gè)文本域進(jìn)行檢查。使用該行為可以防止表單提交到服務(wù)器后指定的文本域包含無效的數(shù)據(jù)。 “設(shè)置導(dǎo)航欄圖像”行為用于將某個(gè)圖像變?yōu)閷?dǎo)航條圖像，也可更改導(dǎo)航條中圖像的顯示和動作。使用“設(shè)置導(dǎo)航欄圖像”行為，可以實(shí)現(xiàn)選擇插入圖像對象導(dǎo)航條菜單命令一樣的功能。 打開高級選項(xiàng)，可以設(shè)置當(dāng)鼠標(biāo)經(jīng)過或者單擊當(dāng)前導(dǎo)航圖像時(shí)，其它的圖像隨之發(fā)生變動情況效果如下： 選擇“轉(zhuǎn)到URL”行為可在當(dāng)

8、前窗口或指定框架內(nèi)打開一個(gè)新的頁面。此行為在一次單擊改變兩個(gè)或更多框架的內(nèi)容時(shí)特別有用，它也可以在時(shí)間軸內(nèi)被調(diào)用，在特定時(shí)間間隔后跳轉(zhuǎn)到新的頁面。 “彈出信息”行為將用于顯示一個(gè)指定的JavaScript提示信息框。該提示信息是提供給瀏覽者信息的，瀏覽者不能做出選擇，也不能控制信息框的外觀，只有一個(gè)“確定”按鈕，其外觀取決于瀏覽器屬性。 如果需要打開就彈出信息，則選中body標(biāo)簽 “拖動AP元素”行為使網(wǎng)頁中AP元素的位置不再是固定不變的，而是可以隨著瀏覽者的鼠標(biāo)運(yùn)動而運(yùn)動，層在拖動過程中還可調(diào)用JavaScript代碼或函數(shù)，從而實(shí)現(xiàn)一些特殊效果。 “顯示-隱藏層”行為用于改變一個(gè)或多個(gè)層的

9、可見性。此行為可以用于交互時(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è)類別的頁面都放在菜單中，這樣就能從主頁直接訪問到需要的子頁，以方便瀏覽者。 1.內(nèi)容選項(xiàng)卡 （1）在“文本”框中輸入菜單名稱 （2）在“鏈接”打開對話框中鏈接文檔 2.外觀選項(xiàng)卡 “跳轉(zhuǎn)菜單”行為是用于修改已經(jīng)創(chuàng)建好的跳轉(zhuǎn)菜單。 “跳轉(zhuǎn)菜單開始”行為與“跳轉(zhuǎn)菜單”行為密切相關(guān)，“跳轉(zhuǎn)菜單開始”行為允許將“前往”按鈕和一個(gè)“跳轉(zhuǎn)菜單”行為關(guān)聯(lián)起來。 “調(diào)用JavaScrip

10、t”行為用于執(zhí)行“行為”面板中某個(gè)特定事件時(shí)調(diào)用自己編寫的JavaScript代碼、函數(shù)。 “控制Shockwave或Flash”行為用來控制Macromedia Shockwave或Macromedia Flash的播放、停止、重放或跳轉(zhuǎn)到某一幀操作。 打開一個(gè)新的瀏覽器窗口，在其中顯示所指定的內(nèi)容，網(wǎng)頁設(shè)計(jì)者可指定該新窗口尺寸、是否可調(diào)節(jié)大小、是否有菜單等屬性。 彈出窗口效果如下： 在網(wǎng)頁中包含了各種各樣的圖像，有些圖像在網(wǎng)頁被瀏覽器下載的時(shí)候不能被同時(shí)下載，要顯示這些圖片就需要再次發(fā)出下載指令，這樣會影響瀏覽者的瀏覽。這時(shí)可使用“預(yù)先載入圖像”行為先將這些圖片載入到瀏覽器的緩存中，避免出

11、現(xiàn)延遲。 1.格式:滾動內(nèi)容2.marquee標(biāo)志配合使用的屬性(1) loop=n: 設(shè)定滾動次數(shù)(2) direction: 設(shè)定滾動方向 direction=left 向左滾動 direction=right 向右滾動 direction=up 向上滾動 direction=down 向下滾動(3) width: 設(shè)定滾動區(qū)寬度(4) height: 設(shè)定滾動區(qū)高度(5) bgcolor: 設(shè)定滾動區(qū)背景顏色(6) behavior:設(shè)定滾動方式behavior=scroll 按指定方向滾動到盡頭,重新開始.即內(nèi)容向同一個(gè)方向滾動 behavior=slide 不指定滾動次數(shù)時(shí),滾動一次

12、后停止。即內(nèi)容接觸到字幕邊框就停止?jié)L動 behavior=alternate 按指定方向來回滾動.即內(nèi)容在相反兩個(gè)方向滾來滾去 (7)scrolldelay=n 設(shè)置字幕內(nèi)容滾動時(shí)停頓的時(shí)間 .值越小滾動看起來越流暢 (8) scrollamount=n 指定滾動的速度,數(shù)值越大速度越快(9) onmouseover=stop() 設(shè)置鼠標(biāo)移動到滾動字幕時(shí)的動作，常設(shè)置為停止?jié)L動 onmouseout=start() 事件設(shè)置鼠標(biāo)離開滾動字幕時(shí)的動作，常設(shè)置為開始滾動 本課上機(jī)掌握各種的行為的設(shè)置與應(yīng)用：1. 將現(xiàn)有頁面添加一個(gè)按鈕和圖片。2設(shè)置行為，能夠完成以下效果：當(dāng)單擊該按鈕時(shí)，顯示圖片；當(dāng)雙擊該按鈕時(shí)，隱藏圖片； 在練習(xí)過程中