《Web應(yīng)用開發(fā)》課件-11 行為_第1頁
《Web應(yīng)用開發(fā)》課件-11 行為_第2頁
《Web應(yīng)用開發(fā)》課件-11 行為_第3頁
《Web應(yīng)用開發(fā)》課件-11 行為_第4頁
《Web應(yīng)用開發(fā)》課件-11 行為_第5頁
已閱讀5頁,還剩10頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

本章簡介:行為是Dreamweaver預(yù)置的JavaScript程序庫,每個行為包括一個動作和一個事件。任何一個動作都需要一個事件激活,兩者相輔相成。動作是一段已編輯好的JavaScript代碼,這些代碼在特定事件被激發(fā)時執(zhí)行。本章主要講解了行為和動作的應(yīng)用方法,通過這些內(nèi)容的學(xué)習(xí),可以在網(wǎng)頁中熟練應(yīng)用行為和動作,使設(shè)計制作的網(wǎng)頁更加生動精彩。11行為課堂學(xué)習(xí)目標(biāo)了解“行為”面板掌握應(yīng)用行為的方法掌握動作的使用方法和技巧11.1行為概述“行為”面板應(yīng)用行為11.1.1“行為”面板用戶習(xí)慣于使用“行為”控制面板為網(wǎng)頁元素指定動作和事件。在文檔窗口中,選擇“窗口>行為”命令,或按Shift+F4組合鍵,彈出“行為”面板?!靶袨椤泵姘?1.1.2應(yīng)用行為1.將行為附加到網(wǎng)頁元素上

2.將行為附加到文本上

11.2動作打開瀏覽器窗口拖動層設(shè)置容器的文本設(shè)置狀態(tài)欄文本設(shè)置文本域文字設(shè)置框架文本課堂案例——愛在七夕網(wǎng)頁11.2.1打開瀏覽器窗口使用“打開瀏覽器窗口”動作在一個新的窗口中打開指定的URL,還可以指定新窗口的屬性、特征和名稱,具體操作步驟如下。(1)打開一個網(wǎng)頁文件,選擇一張圖片。(2)彈出“行為”面板,單擊“添加行為”按鈕,并在彈出快捷的菜單中選擇“打開瀏覽器窗口”動作,彈出“打開瀏覽器窗口”對話框,在對話框中根據(jù)需要設(shè)置相應(yīng)參數(shù),單擊“確定”按鈕完成設(shè)置。11.2.2拖動層使用“拖動層”動作的具體操作步驟如下。(1)通過單擊文檔窗口底部標(biāo)簽選擇器中的<body>標(biāo)簽選擇body對象,并彈出“行為”面板。(2)在“行為”面板中單擊“添加行為”按鈕,并在彈出的快捷菜單中選擇“拖動AP元素”動作,彈出“拖動AP元素”對話框。

10.2.3設(shè)置容器的文本使用“設(shè)置層文本”動作的具體操作步驟如下。(1)選擇“插入”面板“布局”選項卡中的“繪制APDiv”按鈕,在“設(shè)計”視圖中拖曳出一個圖層。在“屬性”面板的“層編號”選項中輸入層的唯一名稱。(2)在文檔窗口中選擇一個對象,如文字、圖像、按鈕等,并彈出“行為”面板。(3)在“行為”面板中單擊“添加行為”按鈕,并在彈出的快捷菜單中選擇“設(shè)置文本>設(shè)置容器的文本”命令,彈出“設(shè)置層文本”對話框。10.2.4設(shè)置狀態(tài)欄文本使用“設(shè)置狀態(tài)欄文本”動作的具體操作步驟如下。(1)選擇一個對象,如文字、圖像、按鈕等,并啟用“行為”面板。(2)在“行為”控制面板中單擊“添加行為”按鈕,并在彈出的菜單中選擇“設(shè)置文本>設(shè)置狀態(tài)欄文本”命令,彈出“設(shè)置狀態(tài)欄文本”對話框?qū)υ捒蛑兄挥幸粋€“消息”選項,其含義是在文本框中輸入要在狀態(tài)欄中顯示的消息。消息要簡明扼要,否則,瀏覽器將把溢出的消息截斷。在對話框中根據(jù)需要輸入狀態(tài)欄消息或相應(yīng)的JavaScript代碼,單擊“確定”按鈕完成設(shè)置。(3)如果不是默認事件,在“行為”面板中單擊該動作前的事件列表,選擇相應(yīng)的事件。(4)按F12鍵瀏覽網(wǎng)頁效果。11.2.5設(shè)置文本域文字使用“設(shè)置文本域文字”動作的具體操作步驟如下。(1)若文檔中沒有“文本域”對象,則要創(chuàng)建命名的文本域,先選擇“插入>表單>文本域”命令,在表單中創(chuàng)建文本域。然后在“屬性”面板的“文本域”選項中輸入該文本域的名稱,并使該名稱在網(wǎng)頁中是唯一的。(2)選擇文本域并彈出“行為”面板。(3)在“行為”面板中單擊“添加行為”按鈕,并在彈出的快捷菜單中選擇“設(shè)置文本>設(shè)置文本域文字”命令,彈出“設(shè)置文本域文字”對話框。11.2.6設(shè)置框架文本使用“設(shè)置框架文本”動作的具體操作步驟如下。(1)若網(wǎng)頁不包含框架,則選擇“修改>框架集”命令,在其子菜單中選擇一個命令,如“拆分左框架”、“拆分右框架”、“拆分上框架”或“拆分下框架”,創(chuàng)建框架集。(2)彈出“行為”面板。在“行為”面板中單擊“添加行為”按鈕,并在彈出的快捷菜單中選擇“設(shè)置文本>設(shè)置框架文本”動作,彈出“設(shè)置框架文本”對話框。11.2.7課堂案例—愛在七夕網(wǎng)頁使用“打開瀏覽器窗口”命令,設(shè)置打開瀏覽器。效果圖課堂練習(xí)—

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論