DreamweaverCS3行為

1、Dreamweaver CS3 行為行為概述Dreamweaver CS3提供了豐碩的行為， 這些行為的設(shè)置為網(wǎng)頁(yè)對(duì)象添加一些動(dòng)態(tài)成效和簡(jiǎn)單的交互功能，為使那些不熟悉JavaScript或VBScript的網(wǎng)頁(yè)設(shè)計(jì)師能夠方便的設(shè)計(jì)出 通過(guò)復(fù)雜的JavaScript 或VBScript語(yǔ)言才能實(shí)現(xiàn)的功能。若是熟悉JavaScript 或VBScri pt還能夠編寫(xiě)一些特定的行為來(lái)利用。行為是用來(lái)動(dòng)態(tài)響應(yīng)用戶(hù)操作、改變當(dāng)前頁(yè)面成效或是執(zhí)行特定任務(wù)的一種方式。行為是由對(duì)象、事件和動(dòng)作組成。例如，當(dāng)用戶(hù)把鼠標(biāo)移動(dòng)至對(duì)象上（稱(chēng)：事件），那 個(gè)對(duì)象會(huì)發(fā)生預(yù)概念的轉(zhuǎn)變（稱(chēng)：動(dòng)作）。對(duì)象是產(chǎn)生行為的主體。網(wǎng)頁(yè)

2、中的很多元素都能夠成為對(duì)象，例如：整個(gè)HTM戊檔、插入的一個(gè)圖片、一段文字、一個(gè)媒體文件等。對(duì)象也是基于成對(duì)顯現(xiàn)的標(biāo)簽的，在創(chuàng)建時(shí)第一選中對(duì)象的標(biāo)簽。事件是觸發(fā)動(dòng)態(tài)成效的條件。網(wǎng)頁(yè)事件分為不同的種類(lèi)。有的與鼠標(biāo)有關(guān)，有的與鍵盤(pán)有關(guān)，如鼠標(biāo)單擊、鍵盤(pán)某個(gè)鍵按下。有的事件還和網(wǎng)頁(yè)相關(guān)，如網(wǎng)頁(yè)下載完畢，網(wǎng)頁(yè)切換 等。關(guān)于同一個(gè)對(duì)象，不同版本的閱讀器支持的事件種類(lèi)和多少也是不一樣的。動(dòng)作是最終產(chǎn)生的動(dòng)態(tài)成效。動(dòng)態(tài)成效可能是圖片的翻轉(zhuǎn)、連接的改變、聲音播放等。行為能夠附加到整個(gè)文檔，還能夠附加到連接、圖象、表單元素或其他HTML元素中的任何一種，用戶(hù)能夠?yàn)槊恳粋€(gè)事件指定多個(gè)動(dòng)作。動(dòng)作依照它們?cè)谛袨槊姘宓?/p>

3、動(dòng)作列表中列出的順序發(fā)生。注意：不同的顯示器支持的行為事件是不一樣的。Dreamweaver CS3內(nèi)置的大體行為如下圖：ITO i wk改變展性允許筑噓璃改變對(duì)網(wǎng)國(guó)性，噂1圖顰的大小等顯示溜搬層顯豕陞藏或恢昌卜城金i層的彝血3嶼顯示蟀出式菜單酶或*DV彈物菜單建m頒而F輸入了正確的數(shù)據(jù)類(lèi)蟄交換圖像通過(guò)更改jm詼簍一個(gè)圖因和“T圖像進(jìn)行變篡睥出信息 顯示T信息程,結(jié)用僖息.不能為用戶(hù)提供謝 懂復(fù)交換圖像將最后廠朝交珠的圖像驚，為它們以前的雌傳 打開(kāi)瀏覽器囪口 在T酶他口中時(shí)皿砌指定新窗口的屋 拖劭層 陸1訪反若拖動(dòng)曷I I行別4二.1,_控制擄放.*止.返回,宜橙睇鰥幾幀.播放聲音可以實(shí)現(xiàn)因亞

4、書(shū)墻用聲音效果 校豆插件 檢查例頁(yè)最百安湯彳某年必須停魅除4 9 1ELA5H酊頁(yè)檢至瀏覽器 檢查通覽搏的建，以但 檢查表單校壹指定史本域率容以蒯： 設(shè)置導(dǎo)航欄圉象設(shè)置鼠岳曲酸蹈的導(dǎo)串單設(shè)置文本設(shè)置層文益優(yōu)志考三本、文*博文字陵文本調(diào)用JwaS亡口仇允許你調(diào)用相反的1««£卜訃的本，以安現(xiàn)相皮I醞祚林轉(zhuǎn)菜單行為主要是用于編.跳轉(zhuǎn)菜單1跳轉(zhuǎn)菜單是交卷用的彈出菜里1戶(hù)于甲JH根需菜單廝選擇信摩引畤皿轉(zhuǎn)到URL可因疑當(dāng)前瀏覽串窗臼重者*定的框架置口載入指定的頁(yè)面，行為之后使用上當(dāng)國(guó)像出現(xiàn)時(shí)由于而我忌敦延遲8. 5M冊(cè)M士然eh皿空£站在勵(lì)里需仃:苞Dreamw

5、eaver CS3 行為面板利用“行為”面板將行為附加到頁(yè)元素（更具體地說(shuō)是附加到標(biāo)簽）并修改以前所附加 行為的參數(shù)。假設(shè)要打開(kāi)“行為”面板，請(qǐng)選擇“窗口” > “行為”（SHIFT+F3）?！靶袨椤泵姘迦缫?下圖所示：onAct iViteer Up dateonBftforA.cti vatsonBeforCutimBftforDeact ivat.eoaBefortP ast士QnB 也 藝 UrU心onBftfor*UpdateonJCli ckonT out ext Menu.onC GpyonBblCla c?konD £ 3-c 11 vatieonDrigonU

6、ragEiidloixDir agEnt eronllr agL 也引 eonDra.gOveronDroponErr oronFini 5higuF acnsonF ocueTilqrP oquQuAionHelpiomLoad# Qus 曰 I)&wn.onJflous eMove4>ixs eOutonJrt qu 才 eOrer口nJfl oils sliponJfl qus 嗣he elonP4st aonfropertyChanfeonStartunii meErrorortUid. q ad已附加到當(dāng)前所選頁(yè)元素的行為顯示在行為列表中（面板的主區(qū)域），按事件以字母順

7、序排列。若是同一個(gè)事件有多個(gè)動(dòng)作，那么將以在列表上顯現(xiàn)的順序執(zhí)行這些動(dòng)作。若是行為列表中沒(méi)有顯示任何行為，那么沒(méi)有行為附加到當(dāng)前所選的頁(yè)元素。設(shè)置“行為”面板選項(xiàng)：“行為”面板具有以下選項(xiàng)：顯示岑置事件竄而為陣（K聿件侑至三I顯示所有事件舄事件增加聿件值顯示設(shè)置事件僅顯示附加到當(dāng)前文檔的那些事件。事件被別離劃歸到客戶(hù)端或效勞器端類(lèi)別中。每一個(gè)類(lèi)別的事件都包括在一個(gè)可折疊的列表中，您能夠單擊類(lèi)別名稱(chēng)隔壁的加號(hào)/減號(hào)按鈕展開(kāi)或折疊該列表?！帮@示設(shè)置事件”是默許的視圖。顯示所有事件按字母降序顯示給定類(lèi)別的所有事件。添加行為（+）:是一個(gè)彈出菜單，其中包括能夠附加到當(dāng)前所選元素的動(dòng)作。當(dāng)從該列表當(dāng)選擇

8、一個(gè)動(dòng)作時(shí)，將顯現(xiàn)一個(gè)對(duì)話(huà)框，您能夠在該對(duì)話(huà)框中指定該動(dòng)作的參數(shù)。若是所有動(dòng)作都灰顯，那么沒(méi)有所選元素能夠生成的事件。刪除（-）:從行為列表中刪除所選的事件。上下箭頭按鈕將特定事件的所選動(dòng)作在行為列表中向上或向下移動(dòng)。給定事件的動(dòng)作以特定的順序執(zhí)行。選中一個(gè)事件或動(dòng)作能夠更改執(zhí)行的順序。事件是一個(gè)彈出菜單，依照所選對(duì)象的不同，顯示的事件也有所不同。若是未顯示預(yù)期 的事件，請(qǐng)檢查是不是選擇了正確的頁(yè)元素或標(biāo)簽。熟悉行為事件行為是為響應(yīng)某一具體事件而采取的一個(gè)或多個(gè)動(dòng)作。當(dāng)指定的事件被觸發(fā)時(shí)，將運(yùn)行相應(yīng)的JavaScript程序，執(zhí)行相應(yīng)的動(dòng)作。因此在創(chuàng)建行為時(shí)，必需先指定一個(gè)動(dòng)作，然 后再指定觸

9、發(fā)動(dòng)作的事件。行為是針對(duì)網(wǎng)頁(yè)中的所有對(duì)象，要結(jié)合一個(gè)對(duì)象添加行為。每一個(gè)閱讀器都提供一組事件，這些事件能夠與“行為”面板的“動(dòng)作”（+）彈出菜單中列出的動(dòng)作相關(guān)聯(lián)。當(dāng) Web頁(yè)的訪問(wèn)者與頁(yè)進(jìn)行交互時(shí)（例如，單擊某個(gè)圖像），閱讀 器生成事件；這些事件可用于挪用引發(fā)動(dòng)作發(fā)生的JavaScript 函數(shù)。（沒(méi)有效戶(hù)交互也能夠生成事件，例如設(shè)置頁(yè)每10秒鐘自動(dòng)從頭載入。）DW CS3提供許多能夠利用這些事件觸發(fā)的經(jīng)常使用動(dòng)作。依照所選對(duì)象和在“顯示事件”子菜單中指定的閱讀器的不同，顯示在“事件”彈出菜單中的事件將有所不同。 假設(shè)要查明關(guān)于給定的頁(yè)元素給定的閱讀器支持哪些事件，請(qǐng)?jiān)谀奈臋n中插入該頁(yè)元素

10、并向其附加一個(gè)行為，然后查看“行為”面板中的“事件”彈出菜單。若是頁(yè)上尚不存在相關(guān)的對(duì)象或所選的對(duì)象不能接收事件，那么這些事件將禁用（灰顯）。若是未顯示預(yù)期的事件，那么檢查是不是選擇了正確的對(duì)象，或在“顯示事件”彈出菜單中更改目標(biāo)閱讀器。若是要將行為附加到某個(gè)圖像，那么一些事件（例如onMouseOver）顯示在括號(hào)中。這些事件僅用于鏈接。被選擇其中之一時(shí)，DW CS3在圖像周?chē)胊標(biāo)簽來(lái)概念一個(gè)空鏈接。 在屬性檢查器的“鏈接”文本框中，該空鏈接表示為javascript:; 。若是要將其變成一個(gè)指向另一頁(yè)的真正鏈接，您能夠更改鏈接值，可是若是刪除JavaScript鏈接卻未用另一個(gè)鏈接來(lái)代

11、替它，那么將刪除該行為。在動(dòng)作選單中，越是高版本的閱讀器支持的動(dòng)作越多，咱們先熟悉一下它們:事件話(huà)用瀏莫黑簡(jiǎn)單描逑onkbortHS3, HS4, IE4當(dāng)用尸算止下載傳輸時(shí)發(fā)生aihAf t er dat eIE4當(dāng)面面中的數(shù)據(jù)被更新時(shí)發(fā)生onBe fortUpdateIE4當(dāng)面畫(huà)中數(shù)源完成更新但還未失去隹點(diǎn)時(shí)重生onBlwHS3, »S4;工E3, IE4當(dāng)用尸取消隹點(diǎn)時(shí)（如職消文字選中）發(fā)生onCh皿爵HS3, BSK IE3, I£4當(dāng)用戶(hù)改變面屜性時(shí)發(fā)生onCli ck1E3,比4,工E3, IE4當(dāng)用尸用鼠揖點(diǎn)擊瘠定物件時(shí)發(fā)生onDKIClickHS4t IE4

12、當(dāng)用戶(hù)用鼠棕雙擊將定物件時(shí)援生onErrorK53, «S4;1E4當(dāng)頁(yè)面出現(xiàn)錯(cuò)誤時(shí)（下載期間）發(fā)生OEiF mi skIE4字號(hào)踣束一個(gè)謔壞時(shí)發(fā)生onFo1E3, HS4,1E3. IE4便產(chǎn)生焦點(diǎn)時(shí)發(fā)生snHtlpIE4當(dāng)用尸點(diǎn)擊閱覽器幫助接爆時(shí)onKeyDowzt的4, TE4當(dāng)用尸按下一個(gè)按誕（耒釋放5時(shí)onKtyFrfesd IE4當(dāng)用尸按不一個(gè)按鍵C已麻放3時(shí)onKeylfp1E4t IE4當(dāng)發(fā)便被釋放BT0nLoadNSaHS4,工E3.工網(wǎng)當(dāng)網(wǎng)頁(yè)加蓑時(shí)onMonseD owzi.ME4, IE4當(dāng)用尸插下殿標(biāo)舞時(shí)0都也71二跚2總工E譏IE4當(dāng)用戶(hù)在物件上移動(dòng)鼠標(biāo)時(shí)o

13、nMoiiEeChitIE% BS4, IE4當(dāng)用尸桶鼠標(biāo)移富物件上時(shí)HS3,跪出工E3, 114當(dāng)用尸將鼠標(biāo)移入物件上時(shí)onMoiiseUjHS4, IE4當(dāng)鼠標(biāo)齒鍵植程故時(shí)orJIove：NS4當(dāng)鼠標(biāo)移動(dòng)時(shí)onRe adyS tateChangeIE4當(dāng)一定正定狀態(tài)改變時(shí)斃生onR*EttH53,柩、工E3, IE4當(dāng)重置表單初始值時(shí)cmKesire1E4, IE4當(dāng)用戶(hù)改變（窗口）大小時(shí)snRowEfttsrIE4當(dāng)音創(chuàng)指針記錄所對(duì)立的源記錄祺改變時(shí)發(fā)生口點(diǎn)口 wE露itIE4當(dāng)當(dāng)前揩針記錄所對(duì)應(yīng)的源記最即將越費(fèi)時(shí)發(fā)生onScrollIE4當(dāng)漾屏?xí)r發(fā)生onSelect樂(lè)見(jiàn) HS4, IE

14、3, IE4當(dāng)選中文字叼發(fā)生onSlirtIE4當(dāng)字幕開(kāi)始循環(huán)時(shí)發(fā)生onSuLnti tME4 1154. IE3, IE4當(dāng)提交時(shí)夜生0訓(xùn)皿。式B54BS4, IE3, IE4當(dāng)重新下蒙時(shí)發(fā)生行為的利用您能夠?qū)⑿袨楦郊拥秸麄€(gè)文檔（即附加到body標(biāo)簽），還能夠附加到鏈接、圖像、表單元素或多種其它 HTML元素中的任何一種。您選擇的目標(biāo)閱讀器確信給定的元素支持哪些 事件。不能將行為附加到純文本。諸如p和span等標(biāo)簽不在閱讀器中生成事件，因此無(wú)法從這些標(biāo)簽觸發(fā)動(dòng)作?？墒牵軌?qū)⑿袨楦郊拥芥溄?。將行為附加到純文本，?qǐng)執(zhí)行以下操作：在屬性檢查器的“鏈接”文本框中輸入 javascript:; 。

15、必然要包括冒號(hào)和分號(hào)。提示：您也能夠在“鏈接”文本框中改用數(shù)字符號(hào)#。利用數(shù)字符號(hào)的問(wèn)題在于當(dāng)訪問(wèn)者單擊該鏈接時(shí)，某些閱讀器可能跳到頁(yè)的頂部。單擊“JavaScript:; ”空鏈接可不能在頁(yè)上產(chǎn)生任何成效。在文本仍處于選中狀態(tài)時(shí)打開(kāi)“行為”面板（“窗口” > “行為”）。從“動(dòng)作”彈出菜單當(dāng)選擇一個(gè)動(dòng)作，輸入該動(dòng)作的參數(shù)，然后選擇一個(gè)觸發(fā)該動(dòng)作的 事件。假設(shè)要更改鏈接文本的外觀使它看上去不是一個(gè)鏈接，請(qǐng)執(zhí)行以下操作：選擇“查看”- >> “代碼”打開(kāi)“文檔”窗口的“代碼”視圖。 查找該鏈接。 在該鏈 接的 a href 標(biāo)簽中，插入以下屬性： style="tex

16、t-decoration:none; color:red"。 此屬性設(shè)置將禁用下劃線并將文本的顏色設(shè)置為紅色。請(qǐng)注意，此屬性是一個(gè)內(nèi)聯(lián)CSS樣式。應(yīng)用于單個(gè)鏈接的內(nèi)聯(lián)樣式覆蓋應(yīng)用于該鏈接的其它CSS樣式，但不對(duì)該鏈接外的部份產(chǎn)生任何阻礙。假設(shè)要更改頁(yè)上遍地或整個(gè)站點(diǎn) 中鏈接文本的外觀，請(qǐng)利用CSS樣式為鏈接創(chuàng)建一個(gè)新的樣式。您能夠?yàn)槊恳粋€(gè)事件指定多個(gè)動(dòng)作。假設(shè)要附加其它行為，請(qǐng)執(zhí)行以下操作：在頁(yè)上選擇一個(gè)元素，例如一個(gè)圖像或一個(gè)鏈接。假設(shè)要將行為附加到整個(gè)頁(yè)，請(qǐng)?jiān)凇拔臋n”窗口底部左側(cè)的標(biāo)簽選擇器中單擊<body>標(biāo)簽。選擇“窗口”- >> “行為”，打開(kāi)“行為

17、”面板。單擊加號(hào)（+）按鈕并從“動(dòng)作”彈出菜單當(dāng)選擇一個(gè)動(dòng)作。菜單中灰顯的動(dòng)作不可選擇。它們灰顯的緣故可能是當(dāng)前文檔中缺少某個(gè)所需的對(duì)象。例如，若是文檔不包括 Shockwave 或Macromedia Flash SWF 文件，那么“操縱 Shockwa ve或Flash”動(dòng)作為灰顯。若是所選的對(duì)象無(wú)可用事件，那么所有動(dòng)作都灰顯。當(dāng)您選擇某個(gè)動(dòng)作時(shí)，將顯現(xiàn)一個(gè)對(duì)話(huà)框， 顯示該動(dòng)作的參數(shù)和說(shuō)明。為該動(dòng)作輸入?yún)?shù)，然后單擊“確信”。觸發(fā)該動(dòng)作的默許事件顯示在“事件”欄中。若是這不是需要的觸發(fā)事件，請(qǐng)從“事件” 彈出菜單當(dāng)選擇另一個(gè)事件。挪用 JavaScript“挪用JavaScript ”動(dòng)作

18、許諾您利用“行為”面板指定當(dāng)發(fā)生某個(gè)事件時(shí)應(yīng)該執(zhí)行的 自概念函數(shù)或JavaScript 代碼行。假設(shè)要利用“挪用 JavaScript ”動(dòng)作，請(qǐng)執(zhí)行以下操作：第一在當(dāng)前的頁(yè)面內(nèi)插入一個(gè)按鈕，然后選中該按鈕。打開(kāi)“行為”面板。單擊加號(hào)（+）按鈕并從“動(dòng)作”彈出菜單當(dāng)選擇“挪用 JavaScript ”。如以下圖：l相美CSS屬性行為I = = I =交換圖像彈出信息 恢復(fù)交救網(wǎng)像 打開(kāi)瀏覽器離口 拖動(dòng)層控制 Shocks或 FLaG擂鼓聲音 改變屬性 顯示-瞪藏層 顯示彈出式菜單 檢查插件 檢查瀏覽器 檢查表單諛置身骯欄圖象 設(shè)置文本說(shuō)用.TqrtScript跳轉(zhuǎn)菜單nbj工cJ 跳轉(zhuǎn)菜單并始

19、在打開(kāi)白挪用JavaScript 窗口中鍵入：（）如以下圖:點(diǎn)擊確信退出對(duì)話(huà)框。并確認(rèn)其缺省事件值為“ OnClick”。保留頁(yè)面，點(diǎn)F12預(yù)覽。345673910111213141516171S192021“i 二良£=" WMdlJSC'wiiidcnL clci 亨 e （'）調(diào)用殖效前代嗎在那個(gè)地址為了讓大伙兒對(duì)代碼加倍熟悉，這時(shí)咱們能夠打開(kāi)代碼視圖。咱們適才的操作使文件新添節(jié)了一部份代碼。如圖：nucta li't'tp- e（piiv=*Ccm-t errt Typ e" 匚nteTut=""七日泣;

20、 cKar sei:=gb231 2* 厘:網(wǎng)頁(yè)鞅學(xué)網(wǎng)http;/，www. vebjx. m廨;迎您的光1占七譏人<script language=A-JavaScript17<lfunction Bt.callJSCjsStr） "V九 口returik evsl（jsStr）<小n"t>這里新噌加了 TjM*5bipta數(shù)</hesd2><b Ci dy>,1 17 n+ t a/ie= H Submit11 t 下 m= " submit"皿1叫1關(guān)閉窗口9</body>轉(zhuǎn)至ij URL

21、轉(zhuǎn)到URL動(dòng)作在當(dāng)前窗口或指定的框架中打開(kāi)一個(gè)新頁(yè)。此操作尤其適用于通過(guò)一次單擊更改兩個(gè)或多個(gè)框架的內(nèi)容。具體制作“轉(zhuǎn)到 URL動(dòng)作的操作步驟：在文檔中插入一個(gè)按鈕把名字改成 “轉(zhuǎn)到首頁(yè)”，選擇該按鈕對(duì)象并打開(kāi)“行為”面板。 單擊加號(hào)（+）按鈕并從“動(dòng)作”彈出菜單當(dāng)選擇“轉(zhuǎn)到 URL 。彈出轉(zhuǎn)到 URL對(duì)話(huà)框如 下設(shè)置：.一 =一二T 戶(hù).一二_ s " E j/ T rZ_L "、<scrL.pt languae= J awaScrzipt t yye= t ext/J awabcr lyt >function NM_oToUELO J. jvar i, ar

22、gE=MJI_gaToURL. arguments; decunerrt.lfflt_retiLrn741u& = false ;for (i=D; i<(arcs. length-) ; 14=2) eval (argsi+"* location=3 "+arss i+l4*r,")；1/一</35皿></hfiad><body>I' .jli'._il riL-F SubmitT ；.'i. EubiiLi t *l： lC Lj. cl：-goT oURL (' p ar en

23、tP 3 ' h±±pi" ww. web j x. comr)x et um. do cument. W_ r et nmValu&"“轉(zhuǎn)到首頁(yè).</t»ady>互換圖像“互換圖像”動(dòng)作通過(guò)更改 img標(biāo)簽的src屬性將一個(gè)圖像和另一個(gè)圖像進(jìn)行互換。利用此動(dòng)作創(chuàng)建按鈕鼠標(biāo)通過(guò)圖像和其它圖像成效。插入鼠標(biāo)通過(guò)圖像會(huì)自動(dòng)將一個(gè)“互換圖像”行為添加到您的頁(yè)中。注意：因?yàn)橹挥衧rc屬性受此動(dòng)作的阻礙，因此您應(yīng)該換入一個(gè)與原圖像具有相同尺寸（高度和寬度）的圖像。不然 .自己試試吧！具體制作步驟：1 .選擇甘1入”- >

24、> “圖像”插入一個(gè)圖像。選擇圖像，在屬性檢查器中，在最左側(cè)的文本框中為該圖像輸入一個(gè)名稱(chēng)。本例命名為：imgl。如以下圖：G。甲> «i而Wti6國(guó)IXII 履慢工. 睜 中_寬 巴二|源文件二|T3p，|您曰 替代|即劃 商op J. .鏈接a）白 編輯地圖切垂直邊距中目標(biāo)也）邊框如（E 水平邊距jp低薜析度源）-I.3對(duì)界也）口若是您未為圖像命名，“互換圖像”動(dòng)作仍將起作用；建議大伙兒學(xué)習(xí)時(shí)將所有插入的圖像都預(yù)先命名，那么在“互換圖像”對(duì)話(huà)框中就更易區(qū)分它們。2 .選擇一個(gè)對(duì)象（一般是您將互換的圖像）并打開(kāi)“行為”面板。3 .單擊加號(hào)（+）按鈕并從彈出菜單當(dāng)選擇“互

25、換圖像”。彈出互換圖像對(duì)話(huà)框如以下 圖:4.從“圖像”列表中，選擇要更改的源圖像。5 .單擊“閱讀”選擇新圖像文件，或在“設(shè)定源文件為“文本框中輸入新圖像的途徑和 文件名。6 .選擇“預(yù)先載入圖像”選項(xiàng)在載入頁(yè)時(shí)將新圖像載入到閱讀器的緩存中。單擊“確信”。點(diǎn)擊 F12預(yù)覽。相應(yīng)的在代碼視圖中增加的代碼，咱們能夠熟悉一下：e9Q1234EfuiLctioiL O_find0lij (n, d) Jvar p, i, x ; if (!d) d= document ; if (p=n_ indexOf C*?*) ) >04parent. f rames- 1 ength) dparent.

26、 f raxes n. subst ring (p+1) document; h=n wubslEiTi已(02p):if CI (a=d n ) d. 11) s=d. all n : for Ci=0 : !xti<d.for!iLs. length: i+) x=d. forms 11 n:tFoi (i=L ; 1 layerlayers. Length; i+) k=MK_£indOb j (n, i layers i . do cunen±);if ( !s 皮包 d* getELanen-tEyld) getElenentByld (n) ; retur

27、n k：fuiLction MN_svaj)Ijn3ge (J (.i口var i, a=W_sw3pImag：eH arguments： docwiteiit. MJ1_si=hct Array： f or (i0：i<Ca. length-2) ： i4=：3.f ( (R-JUf jfindOb3 tai ) ) l=null) docmken't. MJA sr j+=x ； i£ ( I x. oSrc) x. oSrc=K. src ； x. src=a8 9012) 一 一/>/head<body driLciw卡:吧dlmagEM，2*.工m

28、m 宅tc=“11口工“戈£16二”：1121“聊idth二'542" height-"1：5" id="i而gl"口加。us3。fe="MM 3P工iaa工號(hào)('intgj/ J，3 *3 jPE，廠 口皿。0560口1：=“皿 5W3ip工:nigRmst ore ()</body>打開(kāi)閱讀器窗口利用“打開(kāi)閱讀器窗口”動(dòng)作在一個(gè)在新的窗口中打開(kāi)指定的URL您能夠指定新窗口的屬性（包括其大?。?、特性（它是不是能夠調(diào)整大小、是不是具有菜單欄等）和名稱(chēng)。若是不指定該窗口的任何屬性，在打開(kāi)時(shí)它的大小和

29、屬性與打開(kāi)它的窗口相同。指定窗口的任何屬性都將自動(dòng)關(guān)閉所有其它未顯式打開(kāi)的屬性。例如，若是您不為窗口設(shè)置任何屬性，它將以800 x 600 像素的大小打開(kāi)并具有導(dǎo)航條、地址工具欄、狀態(tài)欄和菜單欄。若 是您將寬度顯式設(shè)置為 400、將高度設(shè)置為300并非設(shè)置其它屬性， 那么該窗口將以400 x 300像素的大小打開(kāi)，而且不具有任何導(dǎo)航條、地址工具欄、狀態(tài)欄、菜單欄、調(diào)整大小 手柄和轉(zhuǎn)動(dòng)條。具體制作進(jìn)程：創(chuàng)建一個(gè)按鈕對(duì)象，選擇對(duì)象并打開(kāi)“行為”面板：麗京施藉日工I單擊“閱讀”選擇一個(gè)文件，或輸入要顯示的URL。設(shè)置以下任一選項(xiàng)：窗口寬度指定窗口的寬度 （以像素為單位）。窗口高度指定窗口的高度 （以

30、像素為單位）導(dǎo)航工具欄是一行閱讀器按鈕（包括“后退”、“前進(jìn)”、“主頁(yè)”和“從頭載入”）。地址工具欄是一行閱讀器選項(xiàng)（包括地址文本框）。狀態(tài)欄是位于閱讀器窗口底部的區(qū)域，在該區(qū)域中顯示消息。菜單欄是閱讀器窗口上顯示菜單(例如“文件”、“編輯”、“查看”、“轉(zhuǎn)到”和“幫忙”)的區(qū)域。若是您不設(shè)置此選項(xiàng)，那么在新窗口頂用戶(hù)只能關(guān)閉或最小化窗口。需要時(shí)顯示轉(zhuǎn)動(dòng)條指定若是內(nèi)容超出可視區(qū)域應(yīng)該顯示轉(zhuǎn)動(dòng)條。若是不顯式設(shè)置此選 項(xiàng)，那么不顯示轉(zhuǎn)動(dòng)條。若是“調(diào)整大小手柄”選項(xiàng)也關(guān)閉，那么訪問(wèn)者將不容易看到超出 窗口原始大小之外的內(nèi)容。調(diào)整大小手柄指定用戶(hù)應(yīng)該能夠調(diào)整窗口的大小，方式是拖動(dòng)窗口的右下角或單擊右上

31、角的最大化按鈕。若是未顯式設(shè)置此選項(xiàng)，那么調(diào)整大小控件將不可用，右下角也不能拖動(dòng)。窗口名稱(chēng)是新窗口的名稱(chēng)。 若是您要通過(guò)JavaScript利用鏈接指向新窗口或操縱新窗口，那么應(yīng)該對(duì)新窗口進(jìn)行命名。此名稱(chēng)不能包括空格或特殊字符。單擊“確信”，點(diǎn)擊 F12預(yù)覽。g g0 12 315相應(yīng)的在代碼視圖中增加的代碼，咱們能夠熟悉一下：(script 1 anguage=rfJavaScriptavaScript-v><!fuiLction 0_opeTiBrindw(theURL, winllajne, features) /. v2. owindow, open (the URL, w

32、iriKame, features)：1/Vscript ></head><body>1： © 口- 1-： tie "Submit' tc： "submit" :： .C".ict -YMM_openErWrudov C89 01ja. cojil1 j9 網(wǎng)頁(yè)載學(xué)網(wǎng)I' ifidth=4Mj height = 3Of ) * value-打開(kāi)瀏覽器窗口.<Aiody>顯不' 隱臧層“顯示-隱藏層”動(dòng)作顯示、隱藏或恢復(fù)一個(gè)或多個(gè)層的默許可見(jiàn)性。此動(dòng)作用于在用戶(hù)與頁(yè)進(jìn)行交互時(shí)顯示

33、信息。“顯示-隱藏層” 還可用于創(chuàng)建預(yù)先載入層，即一個(gè)最初擋住頁(yè)的內(nèi)容的較大的層，在所有頁(yè)組件都完成載入后該層即消失（可做一個(gè)廣告成效，記得在新浪見(jiàn)過(guò)如此的廣告）?！帮@示隱藏層”動(dòng)作，具體操作：選擇甘1入”- >> “布局象”- >> “層”然后在“文檔”窗口中繪制一個(gè)層。重復(fù)此步驟能夠創(chuàng)建其它的層。在“文檔”窗口中單擊取消對(duì)層的選擇，然后打開(kāi)“行為”面板。單擊加號(hào)（+）按鈕并從“動(dòng)作”彈出菜單當(dāng)選擇“顯示隱藏層”。在“命名的層”列表當(dāng)選擇要更改其可見(jiàn)性的層。單擊“顯示”以顯示該層、單擊“隱藏”以隱藏該層、或單擊“默許”以恢復(fù)層的默許可見(jiàn)性。如圖：對(duì)所有剩下的現(xiàn)在要更改

34、其可見(jiàn)性的層重復(fù)以上步驟。單擊“確信”。這時(shí)的行為面板如下圖:http: /ww, ivebj量ton具體應(yīng)用，當(dāng)指向一個(gè)圖片時(shí)顯示隱藏的層，具體制作步驟：1 .插入一個(gè)事前預(yù)備好的圖片；2 .選擇甘f入”- >> “布局又腭T - >> “層”，在層內(nèi)圖片的說(shuō)明文本。在“文檔”窗口中單擊取消對(duì)層的選擇，然后打開(kāi)“行為”面板。從“動(dòng)作”彈出菜單 當(dāng)選擇“顯示一隱藏層”。在“命名的層”列表中，單擊“隱藏”隱藏該層。3 .選擇圖片，打開(kāi)行為面板。單擊加號(hào)（+）按鈕并從“動(dòng)作”彈出菜單當(dāng)選擇“顯示隱藏層”。單擊“隱藏”按鈕如以下圖，單擊確信。4 .重復(fù)上述步驟，單擊加號(hào) （+

35、）按鈕并從“動(dòng)作”彈出菜單當(dāng)選擇“顯示隱藏層”。單擊“顯示”按鈕如以下圖，單擊確信。網(wǎng)頁(yè)教竽后網(wǎng)頁(yè)教網(wǎng)頁(yè)教學(xué)網(wǎng)網(wǎng)頁(yè)教學(xué)網(wǎng)頁(yè)教學(xué)網(wǎng)網(wǎng)頁(yè)教學(xué) 網(wǎng)頁(yè)教學(xué)網(wǎng)網(wǎng)頁(yè)教學(xué) 網(wǎng)頁(yè)教學(xué)麗頁(yè)數(shù)茸網(wǎng)頁(yè)教學(xué)網(wǎng)網(wǎng)網(wǎng)網(wǎng)網(wǎng)網(wǎng)網(wǎng)固網(wǎng)網(wǎng)字泮學(xué)學(xué) 頁(yè)命名的層:標(biāo)簽加己屬性行為.4M 1 £。* gUnl q 以n ri mr . ,. i m r .5 .設(shè)置行為面板如以下圖:保留按F12能夠預(yù)覽到成效：當(dāng)鼠標(biāo)移入圖片時(shí)，顯示相關(guān)說(shuō)明文本。假設(shè)要?jiǎng)?chuàng)建預(yù)先載入層，請(qǐng)執(zhí)行以下操作:在“插入”欄的“經(jīng)常使用”類(lèi)別中單擊“繪制層”按鈕，然后在“文檔”窗口的“設(shè)計(jì)”視圖中繪制一個(gè)較大的層。該層必然要覆蓋頁(yè)上的所有內(nèi)容。在“層”面

36、板中，將該層名稱(chēng)拖到層列表的頂部以指定該層應(yīng)該在堆疊順序的最前面。若是未選擇，那么選擇該層，并利用層屬性檢查器中最左側(cè)的文本框?qū)⑵涿麨椤?load在層仍處于選中狀態(tài)時(shí)，在屬性檢查器中將層的背景顏色設(shè)置為與頁(yè)背景相同的顏色。若是需要，在層中（該層此刻應(yīng)該擋住其余的頁(yè)內(nèi)容）單擊并鍵入消息。例如“請(qǐng)稍候，正在載入頁(yè)”或“正在載入.，這些消息提示訪問(wèn)者正在發(fā)生的操作，以便他們明 白該頁(yè)包括有內(nèi)容。單擊“文檔”窗口左下角標(biāo)簽選擇器中的<body>標(biāo)簽。在“行為”面板中，從“動(dòng)作”彈出菜單當(dāng)選擇“顯示隱藏層”。從“命名的層”列表當(dāng)選擇名為“ load”的層。單擊“隱藏”。單擊“確信”。確保行

37、為列表中“顯示隱藏層”動(dòng)作隔壁列出的事件是onLoad。（一樣情形下都是默許onload ,若是不是咱們能夠更改。）這時(shí)保留文檔，按 F12預(yù)覽成效吧。別忘了咱們是在學(xué)習(xí)??！ 打開(kāi)相應(yīng)的在代碼視圖看看文件中新增加的代碼，如此咱們能夠熟悉代碼了啊！改變屬性利用“改變屬性”動(dòng)作更改對(duì)象某個(gè)屬性（例如層的背景顏色或表單的動(dòng)作）的值。您能夠更改的屬性是由閱讀器決定的。例如，您能夠動(dòng)態(tài)設(shè)置層的背景顏色。只有在您比較熟悉 HTML和JavaScript 的情形下才利用此動(dòng)作。假設(shè)要利用“改變屬性”動(dòng)作，請(qǐng)執(zhí)行以下操作：選擇一個(gè)對(duì)象并打開(kāi)“行為”面板，從“動(dòng)作”彈出菜單當(dāng)選擇“更改屬性”。從“對(duì)象類(lèi)型”彈出

38、菜單當(dāng)選擇您要更改其屬性的對(duì)象的類(lèi)型。“命名對(duì)象”彈出菜單馬上列出所有所選類(lèi)型的命名對(duì)象。從“命名對(duì)象”彈出菜單當(dāng)選擇一個(gè)對(duì)象。從“屬性”彈出菜單當(dāng)選擇一個(gè)屬性，或在文本框中輸入該屬性的名稱(chēng)。舉例：在網(wǎng)頁(yè)中插入一個(gè)圖片，而且設(shè)置圖片的名字為imagel ,最終要求：閱讀者用鼠標(biāo)單擊圖片時(shí)，圖片變成另一幅（你要事前預(yù)備好哦?。?。如以下圖：按上圖的參數(shù)修改其屬性，點(diǎn)擊確信。然后在行為面板中把動(dòng)作改成onclick保留頁(yè)面，F(xiàn)12預(yù)覽。相應(yīng)的在代碼視圖中增加的代碼，咱們能夠熟悉一下:KscriftavaScript±ype= t soft/JavaS criptri一function Jd

39、M_findObj (n, d) /W. 01var p, ij s ： if CI d) d=dotJUJiueirt : if ( (p=n, indesC11 (" ?" J ) >Qfc&.p arent. f r awes. Length) d=parent, f rallies n+ substrirL? (p+1 )1, document ： n=TL. subfft r irig (0 p) ：i£(I (x= d n )all) x=d. all n ； for (i=0 ： lx&Ai<d,. forms, lanj

40、+h： i+) x=d. forms il nl : foe (1= 1 ； ！x&蜃d* layersKd. layfxs« length, i-*-1-) indObj (珀 d. Layers i. doowivent);if(!x d* gat Element By Id) K=di gstElenentByldCn) : return k :function JIU?I_changeProp (atjNanie,the?roj, theValue) fh var cib j = W_f indOb j Cab JName)：i£ (abj &隊(duì)(t

41、heProp. iitdexOf Cstyle. *)=-1 | | obj,. style)if (theValue = true I I theValue = falseleval C ob j, v+theF r op+"=" ttheValue)：else evalCobj. 4+theProp+f，=I 4+theValne+，YT "): f J一></scr ipW)<i/hffajd>bodyJ|<ing src=ff 1. jpg" nanE="imggel" 眄,dtM"54

42、2* heisht=* 145*id=* image 1* onClick=JKLchanffcProp(! ima經(jīng)''svg" , f 2. pg',工NG') ”></body>播放聲音利用“播放聲音”動(dòng)作來(lái)播放聲音。例如，您可能要在每次鼠標(biāo)指針滑過(guò)某個(gè)鏈接時(shí)播放一段聲音成效，或在頁(yè)載入時(shí)播放音樂(lè)剪輯，或點(diǎn)擊某個(gè)按鈕播放聲音等等。注意：閱讀器可能需要用某種附加的音頻支持（例如音頻插件）來(lái)播放聲音。因此，具有不同插件的不同閱讀器所播放聲音的成效通常會(huì)有所不同。很難準(zhǔn)確地預(yù)測(cè)出站點(diǎn)的訪問(wèn)者對(duì)您提供的聲音感受如何。具體操作:插入一個(gè)按

43、鈕，選擇該對(duì)象，打開(kāi)“行為”面板。如選擇如下按鈕打開(kāi)“行為”面板, 從動(dòng)作當(dāng)選擇“播放聲音”。如圖：；|播誕京1單擊“閱讀”選擇一個(gè)聲音文件，或在“播放聲音”文本框中輸入途徑和文件名。然后在行為面板中能夠更改咱們的動(dòng)作，在那個(gè)地址我選擇的是onclick ,也確實(shí)是單擊按鈕開(kāi)始播放聲音。保留頁(yè)面，F(xiàn)12預(yù)覽。單擊按鈕就會(huì)有聲音播放了。別忘了咱們是在學(xué)習(xí)啊！ 打開(kāi)相應(yīng)的在代碼視圖看看文件中新增加的代碼，如此咱們能夠熟悉代碼了??！彈出消息"彈出消息”動(dòng)作顯示一個(gè)帶有您指定的消息的JavaScript 提示。因?yàn)镴avaScript提示只有一個(gè)按鈕（“確信”），因此利用此動(dòng)作能夠提供信息，

44、而不能為用戶(hù)提供選擇。注意：您無(wú)法操縱JavaScript 提示的外觀，它取決于訪問(wèn)者的閱讀器。若是您希望對(duì) 消息的外觀進(jìn)行更多的操縱，可考慮利用“打開(kāi)閱讀器窗口”行為。具體制作進(jìn)程：插入一個(gè)按鈕，選擇按鈕，打開(kāi)“行為”面板，從動(dòng)作當(dāng)選擇“彈出消息”。而且輸入 咱們要在消息窗口中顯示的內(nèi)容。如圖：在“消息”文本框中輸入您要告知閱讀者的信息。別忘了看看行為面板中設(shè)置的動(dòng)作是onclick ,單擊“確信”，保留文檔，按 F12預(yù)覽。別忘了咱們是在學(xué)習(xí)啊！打開(kāi)相應(yīng)的在代碼視圖看看文件中新增加的代碼，如此咱們能夠熟悉代碼了?。√D(zhuǎn)菜單跳轉(zhuǎn)菜單是文檔內(nèi)的彈出菜單，對(duì)站點(diǎn)訪問(wèn)者可見(jiàn)，并列出鏈接到文檔或文件

45、的選項(xiàng)。能夠創(chuàng)建到整個(gè) Web站點(diǎn)內(nèi)文檔的鏈接、到其它 Web站點(diǎn)上文檔的鏈接、電子郵件鏈接、到圖形的鏈接，也能夠創(chuàng)建到可在閱讀器中打開(kāi)的任何文件類(lèi)型的鏈接。（能夠當(dāng)友誼連接用啊，如此站一個(gè)空間可是能夠連接多個(gè)地址啊，能夠增加你的網(wǎng)站的PR值?。┨D(zhuǎn)菜單可包括三個(gè)大體部份：（可選）菜單項(xiàng)選擇擇提示，如菜單項(xiàng)的類(lèi)別說(shuō)明，或一些提示信息等。（必需）所鏈接菜單項(xiàng)的列表：用戶(hù)選擇某個(gè)選項(xiàng)，那么鏈接的文檔或文件被打開(kāi)。（可選）“前去”按鈕。插入跳轉(zhuǎn)菜單跳轉(zhuǎn)菜單可成立 URL與彈出菜單列表中的選項(xiàng)之間的關(guān)聯(lián)。通過(guò)從列表當(dāng)選擇一項(xiàng)，用戶(hù)將被重定向（或“跳轉(zhuǎn)”）到指定的URL。- >> “表單”-

46、>>成立跳轉(zhuǎn)菜單的具體工程：新建一個(gè)文檔，然后將插入點(diǎn)放在“文檔”窗口中。選擇“插入”“跳轉(zhuǎn)菜單”，顯現(xiàn)“插入跳轉(zhuǎn)菜單”對(duì)話(huà)框。如圖：保留按F12預(yù)覽，選擇跳轉(zhuǎn)菜單列表中的鏈接，即可打開(kāi)相應(yīng)的目標(biāo)。編輯更改跳轉(zhuǎn)菜單項(xiàng)：可更改列表順序或項(xiàng)所鏈接到的文件，也可添加、刪除或重命名項(xiàng)； 假設(shè)要更改鏈接文件的打開(kāi)位置，或添加或更改菜單項(xiàng)選擇擇提示，必需利用“行為”面板；假設(shè)要利用屬性檢查器編輯跳轉(zhuǎn)菜單項(xiàng)，如圖：通過(guò)上面的圖的內(nèi)容咱們能夠編輯咱們的跳轉(zhuǎn)菜單。別忘了咱們是在學(xué)習(xí)??！ 打開(kāi)相應(yīng)的在代碼視圖看看文件中新增加的代碼，如此咱們能夠熟悉代碼了??！拖動(dòng)層拖動(dòng)層動(dòng)作許諾訪問(wèn)者拖動(dòng)層。利用此動(dòng)作

47、創(chuàng)建拼板游戲、滑塊控件和其它可移動(dòng)的界 面元素。您能夠指定訪問(wèn)者能夠向哪個(gè)方向拖動(dòng)層（水平、垂直或任意方向），訪問(wèn)者應(yīng)該將層拖動(dòng)到的目標(biāo)、若是層在目標(biāo)必然數(shù)量的像素范圍內(nèi)是不是將層靠齊到目標(biāo)，當(dāng)層接觸到目標(biāo)時(shí)應(yīng)該執(zhí)行的操作和其它更多的選項(xiàng)。因?yàn)樵谠L問(wèn)者能夠拖動(dòng)層之前必需先挪用 “拖動(dòng)層”動(dòng)作，因此請(qǐng)確保觸發(fā)該動(dòng)作的事 件發(fā)生在訪問(wèn)者試圖拖動(dòng)層之前。最正確的方式是（利用 onLoad事件）將“拖動(dòng)層”附加 到body對(duì)象上，只是您也能夠利用 onMouseOver事件將它附加到填滿(mǎn)整個(gè)層的鏈接上。具體制作的進(jìn)程如下：選擇甘1入”- >> “布局又象”- >> “層”，在文

48、檔窗口中插入了一個(gè)層。該層為：Layerl。咱們能夠在層中插入一個(gè)圖片。通過(guò)單擊"文檔"窗口底部標(biāo)簽選擇器中的<body>選擇body標(biāo)簽。打開(kāi)“行為”面板，從“動(dòng)作”當(dāng)選擇“拖動(dòng)層”。如以下圖：Layerl在“層”彈出菜單中，選擇要使其可拖動(dòng)的層，如圖：選“層從“移動(dòng)”彈出菜單當(dāng)選擇“限制”或“不限制”。如圖：選“不限制”。在“左”和“上”文本框中為拖放目標(biāo)輸入值（以像素為單位）。拖放目標(biāo)是一個(gè)點(diǎn)，您想要訪問(wèn)者將層拖動(dòng)到該點(diǎn)上。當(dāng)層的左坐標(biāo)和上坐標(biāo)與在“左” 和“上”文本框中輸入的值匹配時(shí)便以為層已經(jīng)抵達(dá)拖放目標(biāo)。這些值是與閱讀器窗口的左上角相對(duì)的。在“靠齊距

49、離”文本框中輸入一個(gè)值（像素）確信訪問(wèn)者必需放目標(biāo)多近，才能將層靠 齊到目標(biāo)。較大的值能夠使訪問(wèn)者較容易找到拖放目標(biāo)。注意行為面板中的動(dòng)作為 onload。保留頁(yè)面，F(xiàn)12預(yù)覽。別忘了咱們是在學(xué)習(xí)?。?打開(kāi)相應(yīng)的在代碼視圖看看文件中新增加的代碼，如此咱們能夠熟悉代碼了啊！預(yù)先載入圖像“預(yù)先載入圖像”動(dòng)作將可不能當(dāng)即出此刻網(wǎng)頁(yè)上的圖像（例如那些將通過(guò)行為或JavaScript換入的圖像）載入閱讀器緩存中。如此可避免當(dāng)圖像應(yīng)該顯現(xiàn)時(shí)由于下載而致使 延遲。注意：“互換圖像”動(dòng)作自動(dòng)預(yù)先載入當(dāng)您在“互換圖像”對(duì)話(huà)框當(dāng)選擇“預(yù)先載入圖像”選項(xiàng)時(shí)所有高亮顯示的圖像，因此當(dāng)利用“互換圖像”時(shí)您不需要手動(dòng)添加預(yù)先載入圖像。具體利用預(yù)先載入圖像的步驟：插入一個(gè)對(duì)象，選擇該對(duì)象，打開(kāi)“行為”面板，從“動(dòng)作”當(dāng)選擇“預(yù)先載入圖像”。ht Ip: fj-m.to«田二J瀏覽.單擊“閱讀”選擇要預(yù)先載入的圖像文件，或在“圖像源文件”文本框中輸入