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

1、課堂講解 上機(jī)實(shí)驗(yàn) 行為簡介 認(rèn)識(shí)“行為”面板 添加、修改和刪除行為 獲取更多的行為 應(yīng)用行為 引例 行為的概念 行為（Behavior）是在Dreamweaver 中預(yù)置的JavaScript程序，由事件（event）和對(duì)應(yīng)動(dòng)作（actions）組成。 它能實(shí)現(xiàn)用戶與網(wǎng)頁間的交互，通過某個(gè)動(dòng)作來觸發(fā)某項(xiàng)計(jì)劃。 如當(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í)，瀏覽器生成事件，但并非所有的事件都是交互的。 根據(jù)所選對(duì)象和在“顯示

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

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

4、單擊 按鈕或在行為上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“刪除行為”命令，還可以直接按【Delete】鍵即可。 Dreamweaver自帶的行為比較少，如果想獲取更多的行為可以從Macromedia公司和其他第三方的開發(fā)網(wǎng)站下載。在“行為”下拉列表中選擇“獲取更多的行為”選項(xiàng)，則會(huì)打開Macromedia公司官方網(wǎng)站提供的行為下載頁面。 交換圖像 彈出信息 恢復(fù)交換圖像 打開瀏覽器窗口 拖動(dòng)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)的，此動(dòng)作一

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í)對(duì)域進(jìn)行檢查，若使用“onSubmit”事件將其添加到表單，在用戶提交表單時(shí)可同時(shí)對(duì)多個(gè)文本域進(jìn)行檢查。使用該行為可以防止表單提交到服務(wù)器后指定的文本域包含無效的數(shù)據(jù)。 “設(shè)置導(dǎo)航欄圖像”行為用于將某個(gè)圖像變?yōu)閷?dǎo)航條圖像，也可更改導(dǎo)航條中圖像的顯示和動(dòng)作。使用“設(shè)置導(dǎo)航欄圖像”行為，可以實(shí)現(xiàn)選擇插入圖像對(duì)象導(dǎo)航條菜單命令一樣的功能。 打開高級(jí)選項(xiàng)，可以設(shè)置當(dāng)鼠標(biāo)經(jīng)過或者單擊當(dāng)前導(dǎo)航圖像時(shí)，其它的圖像隨之發(fā)生變動(dòng)情況效果如下： 選擇“轉(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)簽 “拖動(dòng)AP元素”行為使網(wǎng)頁中AP元素的位置不再是固定不變的，而是可以隨著瀏覽者的鼠標(biāo)運(yùn)動(dòng)而運(yùn)動(dòng)，層在拖動(dòng)過程中還可調(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）在“鏈接”打開對(duì)話框中鏈接文檔 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ā)出下載指令，這樣會(huì)影響瀏覽者的瀏覽。這時(shí)可使用“預(yù)先載入圖像”行為先將這些圖片載入到瀏覽器的緩存中，避免出

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

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