第11課marquee標記和行為

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

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

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

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

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

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

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

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

9、可見性。此行為可以用于交互時顯示信息。如當鼠標光標滑過一個圖像時，則顯示該圖像的相關信息，當鼠標光標離開這個圖像時，提示信息則消失。 “彈出式菜單”行為用于在網(wǎng)頁中實現(xiàn)類似于Windows系統(tǒng)中菜單效果，在設計網(wǎng)頁時可以把一個類別的頁面都放在菜單中，這樣就能從主頁直接訪問到需要的子頁，以方便瀏覽者。 1.內(nèi)容選項卡 （1）在“文本”框中輸入菜單名稱 （2）在“鏈接”打開對話框中鏈接文檔 2.外觀選項卡 “跳轉菜單”行為是用于修改已經(jīng)創(chuàng)建好的跳轉菜單。 “跳轉菜單開始”行為與“跳轉菜單”行為密切相關，“跳轉菜單開始”行為允許將“前往”按鈕和一個“跳轉菜單”行為關聯(lián)起來。 “調(diào)用JavaScrip

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

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

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