DreamweaverCS3行為

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

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

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

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

5、eaver CS3 行為面板利用“行為”面板將行為附加到頁元素（更具體地說是附加到標簽）并修改以前所附加 行為的參數(shù)。假設要打開“行為”面板，請選擇“窗口” > “行為”（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已附加到當前所選頁元素的行為顯示在行為列表中（面板的主區(qū)域），按事件以字母順

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

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

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

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

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

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

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

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

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

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

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

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

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

20、 cKar sei:=gb231 2* 厘:網(wǎng)頁鞅學網(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關閉窗口9</body>轉(zhuǎn)至ij URL

21、轉(zhuǎn)到URL動作在當前窗口或指定的框架中打開一個新頁。此操作尤其適用于通過一次單擊更改兩個或多個框架的內(nèi)容。具體制作“轉(zhuǎn)到 URL動作的操作步驟：在文檔中插入一個按鈕把名字改成 “轉(zhuǎn)到首頁”，選擇該按鈕對象并打開“行為”面板。 單擊加號（+）按鈕并從“動作”彈出菜單當選擇“轉(zhuǎn)到 URL 。彈出轉(zhuǎn)到 URL對話框如 下設置：.一 =一二T 戶.一二_ 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)到首頁.</t»ady>互換圖像“互換圖像”動作通過更改 img標簽的src屬性將一個圖像和另一個圖像進行互換。利用此動作創(chuàng)建按鈕鼠標通過圖像和其它圖像成效。插入鼠標通過圖像會自動將一個“互換圖像”行為添加到您的頁中。注意：因為只有src屬性受此動作的阻礙，因此您應該換入一個與原圖像具有相同尺寸（高度和寬度）的圖像。不然 .自己試試吧！具體制作步驟：1 .選擇甘1入”- >

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

25、換圖像”。彈出互換圖像對話框如以下 圖:4.從“圖像”列表中，選擇要更改的源圖像。5 .單擊“閱讀”選擇新圖像文件，或在“設定源文件為“文本框中輸入新圖像的途徑和 文件名。6 .選擇“預先載入圖像”選項在載入頁時將新圖像載入到閱讀器的緩存中。單擊“確信”。點擊 F12預覽。相應的在代碼視圖中增加的代碼，咱們能夠熟悉一下：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工號('intgj/ J，3 *3 jPE，廠 口皿。0560口1：=“皿 5W3ip工:nigRmst ore ()</body>打開閱讀器窗口利用“打開閱讀器窗口”動作在一個在新的窗口中打開指定的URL您能夠指定新窗口的屬性（包括其大?。?、特性（它是不是能夠調(diào)整大小、是不是具有菜單欄等）和名稱。若是不指定該窗口的任何屬性，在打開時它的大小和

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

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

31、角的最大化按鈕。若是未顯式設置此選項，那么調(diào)整大小控件將不可用，右下角也不能拖動。窗口名稱是新窗口的名稱。 若是您要通過JavaScript利用鏈接指向新窗口或操縱新窗口，那么應該對新窗口進行命名。此名稱不能包括空格或特殊字符。單擊“確信”，點擊 F12預覽。g g0 12 315相應的在代碼視圖中增加的代碼，咱們能夠熟悉一下：(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)頁載學網(wǎng)I' ifidth=4Mj height = 3Of ) * value-打開瀏覽器窗口.<Aiody>顯不' 隱臧層“顯示-隱藏層”動作顯示、隱藏或恢復一個或多個層的默許可見性。此動作用于在用戶與頁進行交互時顯示

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

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

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

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

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

38、菜單當選擇您要更改其屬性的對象的類型。“命名對象”彈出菜單馬上列出所有所選類型的命名對象。從“命名對象”彈出菜單當選擇一個對象。從“屬性”彈出菜單當選擇一個屬性，或在文本框中輸入該屬性的名稱。舉例：在網(wǎng)頁中插入一個圖片，而且設置圖片的名字為imagel ,最終要求：閱讀者用鼠標單擊圖片時，圖片變成另一幅（你要事前預備好哦！）。如以下圖：按上圖的參數(shù)修改其屬性，點擊確信。然后在行為面板中把動作改成onclick保留頁面，F(xiàn)12預覽。相應的在代碼視圖中增加的代碼，咱們能夠熟悉一下: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 &隊(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>播放聲音利用“播放聲音”動作來播放聲音。例如，您可能要在每次鼠標指針滑過某個鏈接時播放一段聲音成效，或在頁載入時播放音樂剪輯，或點擊某個按鈕播放聲音等等。注意：閱讀器可能需要用某種附加的音頻支持（例如音頻插件）來播放聲音。因此，具有不同插件的不同閱讀器所播放聲音的成效通常會有所不同。很難準確地預測出站點的訪問者對您提供的聲音感受如何。具體操作:插入一個按

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

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

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

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

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

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

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