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

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

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

2．將行為附加到文本上

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

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論