《dw教學(xué)課件》第八講行為

1、網(wǎng)頁三劍客主講:劉苗第1頁，共21頁。第八講 行為第2頁，共21頁。通過本講的學(xué)習(xí),使大家掌握利用行為來制作動態(tài)效果。教學(xué)目標(biāo)3第3頁，共21頁。行為的概述 添加行為本講主要內(nèi)容4第4頁，共21頁。任務(wù)一、行為的概述1、Behavior 行為 Behavior是Events（事件）和Actions（動作）的組合2、Events 事件 事件是在特定的時間或是用戶在某時所發(fā)出的指令后緊接著發(fā)生的3、Actions 動作 動作是在事件發(fā)生后所要作出的反應(yīng)5第5頁，共21頁。4、選擇事件參數(shù)（主要參數(shù)表）6第6頁，共21頁。7第7頁，共21頁。5、顯示事件Call JavaScript：可以方便地加入

2、JavaScript命令Change Property：可以通過設(shè)定的動作觸發(fā)行為。動態(tài)改變連接行為的對象屬性，包括對象的顏色、尺寸和背景等。Check Browser：檢測瀏覽器的版本。Check Plugin：檢查插件，用于檢查用戶的瀏覽器中是否安裝了瀏覽該網(wǎng)頁內(nèi)容的插件，如Flash Player等。8第8頁，共21頁。Control Shockwave or Flash：可以控制Shockwave或Flash動畫的播放、停止、返回或跳至某一幀等操作。Drag Layer：拖動層，可以指定拖動圖層的方向，拖動圖層的目標(biāo)，再在某個固定大小的目標(biāo)中是否將層和目標(biāo)對齊，圖層與目標(biāo)接觸時的操作等

3、。Go To URL：用于在當(dāng)前窗口或指定的框架中，打開一個新的頁面。9第9頁，共21頁。Jump Menu和 Jump Menu Go：通過Jump Menu可以創(chuàng)建跳轉(zhuǎn)菜單；Jump Menu Go，可以給插入的跳轉(zhuǎn)菜單加上一個Go按鈕。Open Browser Window：調(diào)用此命令，可以讓用戶在觸發(fā)該行為時打開一個新的瀏覽器窗口，在新窗口中可以載入指定URL地址上的網(wǎng)頁。Play Sound：可以為網(wǎng)頁添加音樂10第10頁，共21頁。Popup Message：用以制作彈出對話框。Preload Images：可以在瀏覽器緩存中載入不會立即出現(xiàn)在頁面上的圖像，而不使下載時間過長Set

4、 Nav Bar Image：可以將圖像轉(zhuǎn)換成導(dǎo)航條圖像或改變在導(dǎo)航條中的圖像顯示，也可用來更新、編輯導(dǎo)航欄圖像。Set Text：Show-Hide Layer：可以顯示、隱藏或恢復(fù)一個或多個層默認(rèn)的可見性11第11頁，共21頁。Swap Image和 Swap Image Restore：Swap Image，可以制作輪替圖；Swap Image Restore用于將在Swap Image動作中設(shè)置的后一張圖片，恢復(fù)為設(shè)置的前一張圖片。有關(guān)Timeline的動作Validate Form：檢驗指定文本框中的內(nèi)容，以確認(rèn)用戶輸入了正確的數(shù)據(jù)類型，即驗證表單。12第12頁，共21頁。2、行為面

5、板Behavior面板介紹“添加動作”按鈕，為對象添加動作“刪除動作”按鈕，刪除對象已存在的動作“上/下移”按鈕，調(diào)整動作的條件Action（動作），當(dāng)事件發(fā)生時進(jìn)行的動作13第13頁，共21頁。任務(wù)二、添加行為在網(wǎng)頁中選定一個對象。該對象可以是圖像、文本或?qū)?，也可以單擊文檔窗口左下角的標(biāo)記，選中整個頁面在Bahaviors面板上選加號按鈕，添加行為后，在面板中的事件中，點擊小三角按鈕，選擇事件參數(shù)注意：可以為一個或幾個對象，超鏈接或網(wǎng) 頁中其他元素，甚至可以為整個網(wǎng)頁添加行為。14第14頁，共21頁。1、拖動層 利用拖動層動作，可以實現(xiàn)在頁面上對層及其中的內(nèi)容進(jìn)行移動，以實現(xiàn)特殊的頁面效果。

6、Basic（基本）選項卡Layer：選擇要操作的層Movement（移動）：選擇層被拖動時的移動方式 Constrained（受限制）Unconstrained（不受限制）Drop Target（拖動目標(biāo)）區(qū)域：可設(shè)置層被移動到的位置Get Current Position（獲取當(dāng)前位置）Snap if With in（在范圍內(nèi)則靠齊）Advanced（高級）15第15頁，共21頁。2、彈出信息1）標(biāo)簽選擇器中選擇出發(fā)動作的對象標(biāo)簽2）在行為面板中選擇“Popup Message”3）在文本框中輸入信息，行為面板中設(shè)置觸發(fā)事件3、驗證表單1）在網(wǎng)頁中出入文本框和按鈕，選中按鈕2）在行為面板中選

7、擇“Vslidate Form”4、播放聲音選擇觸發(fā)動作的對象標(biāo)簽，行為面板中選擇“Play Sound”選擇聲音文件16第16頁，共21頁。5、打開瀏覽器窗口1）在標(biāo)簽選擇器中選擇出發(fā)動作的標(biāo)簽2）行為面板中選擇“Open Browser Window”3）面板內(nèi)容： URL to display:要顯示的URL Window width/Window height:窗口寬度和高度17第17頁，共21頁。Attributes(屬性）：Navigation Toolbar:導(dǎo)航工具欄Menu Bar:菜單條Location Toolbar:地址工具欄Scrollbars as Needed:需要時使用滾動條Status bar:狀態(tài)欄Resize Handles:調(diào)整大小手柄Window Name:窗口名稱18第18頁，共21頁。本講主要介紹了用行為面板來制作網(wǎng)頁的動態(tài)效果.能熟練掌握行為面板中各種行為（事件、動作）的創(chuàng)建。本講小結(jié)19第19頁，共21頁。上機(jī)作業(yè)制作拖動層的動畫制作下拉菜單自動跳轉(zhuǎn)20第20頁，共21頁。思考題時間線可以被應(yīng)用到哪