Dreamweaver中的行為

1、l1 認(rèn)識(shí)行為l2 使用Dreamwerver8內(nèi)置的行為l3 插入行為腳本1.1 認(rèn)識(shí)行為認(rèn)識(shí)行為1.2 使用行為面板使用行為面板1.3 增加行為的基本步驟增加行為的基本步驟1.4 修改行為修改行為行為是由對(duì)象、事件和動(dòng)作構(gòu)成的。行為是由對(duì)象、事件和動(dòng)作構(gòu)成的。1對(duì)象：是產(chǎn)生行為的主體。網(wǎng)頁(yè)中的很多元素都可以成為對(duì)象，對(duì)象：是產(chǎn)生行為的主體。網(wǎng)頁(yè)中的很多元素都可以成為對(duì)象，如網(wǎng)頁(yè)中的一個(gè)圖片、一段文字等元素，也可以整個(gè)網(wǎng)頁(yè)文檔。如網(wǎng)頁(yè)中的一個(gè)圖片、一段文字等元素，也可以整個(gè)網(wǎng)頁(yè)文檔。2事件：是由用戶或?yàn)g覽器觸發(fā)的事件。事件經(jīng)常是針對(duì)頁(yè)面元事件：是由用戶或?yàn)g覽器觸發(fā)的事件。事件經(jīng)常是針對(duì)頁(yè)面元

2、素的，如鼠標(biāo)經(jīng)過(guò)、鼠標(biāo)單擊、鍵盤(pán)某個(gè)鍵按下等。素的，如鼠標(biāo)經(jīng)過(guò)、鼠標(biāo)單擊、鍵盤(pán)某個(gè)鍵按下等。3動(dòng)作：通常是一段動(dòng)作：通常是一段JavaScript代碼，用于完成某些特殊的任務(wù)。代碼，用于完成某些特殊的任務(wù)。如打開(kāi)一個(gè)窗口時(shí)自動(dòng)播放聲音、彈出信息窗口等。如打開(kāi)一個(gè)窗口時(shí)自動(dòng)播放聲音、彈出信息窗口等。4行為：事件和動(dòng)作組合起來(lái)就構(gòu)成了行為。事件是產(chǎn)生行為的行為：事件和動(dòng)作組合起來(lái)就構(gòu)成了行為。事件是產(chǎn)生行為的條件，動(dòng)作是行為的具體結(jié)果。條件，動(dòng)作是行為的具體結(jié)果。單擊菜單欄中的單擊菜單欄中的“窗口窗口”|“行為行為”命令或使用組合鍵命令或使用組合鍵Shift+F4，可，可以打開(kāi)行為面板如圖所示。以

3、打開(kāi)行為面板如圖所示。（一）行為面板各按鈕功能（一）行為面板各按鈕功能（二）設(shè)置瀏覽器版本（二）設(shè)置瀏覽器版本在行為面板中，單擊在行為面板中，單擊 按鈕，在按鈕，在“顯示事件顯示事件”的級(jí)聯(lián)菜單中選擇瀏覽的級(jí)聯(lián)菜單中選擇瀏覽器版本，如圖所示。器版本，如圖所示。（三）常見(jiàn)事件（三）常見(jiàn)事件添加行為后，要為行為選擇觸發(fā)事件。選擇某個(gè)行為，單擊左側(cè)添加行為后，要為行為選擇觸發(fā)事件。選擇某個(gè)行為，單擊左側(cè)的事件名稱右側(cè)的下拉箭頭彈出下拉菜單，菜單列出了所選行為可以的事件名稱右側(cè)的下拉箭頭彈出下拉菜單，菜單列出了所選行為可以使用的觸發(fā)事件，如圖所示。使用的觸發(fā)事件，如圖所示。1在文檔窗口中選擇要增加行為

4、的對(duì)象，例如一個(gè)圖像或一個(gè)鏈在文檔窗口中選擇要增加行為的對(duì)象，例如一個(gè)圖像或一個(gè)鏈接或一段文字。要將行為附加到整個(gè)頁(yè)，請(qǐng)?jiān)诮踊蛞欢挝淖?。要將行為附加到整個(gè)頁(yè)，請(qǐng)?jiān)凇拔臋n文檔”窗口底部左側(cè)窗口底部左側(cè)的標(biāo)簽選擇器中單擊的標(biāo)簽選擇器中單擊 標(biāo)簽。標(biāo)簽。2在行為面板中單擊加號(hào)在行為面板中單擊加號(hào)“+”按鈕，從彈出菜單中選擇一種行為。按鈕，從彈出菜單中選擇一種行為。3打開(kāi)某種行為的設(shè)置對(duì)話框，根據(jù)需要進(jìn)行設(shè)置，完成對(duì)話框。打開(kāi)某種行為的設(shè)置對(duì)話框，根據(jù)需要進(jìn)行設(shè)置，完成對(duì)話框。4在行為面板中選擇行為，添加觸發(fā)事件。在行為面板中選擇行為，添加觸發(fā)事件。6保存網(wǎng)頁(yè)，在瀏覽器中檢測(cè)行為。保存網(wǎng)頁(yè)，在瀏覽器中

5、檢測(cè)行為。要修改和編輯己設(shè)置行為要修改和編輯己設(shè)置行為,執(zhí)行以下操作之一：執(zhí)行以下操作之一：1在行為面板中雙擊要修改的行為。在行為面板中雙擊要修改的行為。2選擇要修改的行，單擊行為面板上的選擇要修改的行，單擊行為面板上的“選項(xiàng)選項(xiàng)”按鈕按鈕 ，選擇，選擇“編輯行為編輯行為”命令。命令。2.1 播放聲音播放聲音2.2 打開(kāi)瀏覽器窗口打開(kāi)瀏覽器窗口2.3 彈出消息彈出消息2.4 轉(zhuǎn)到轉(zhuǎn)到URL2.5 設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本2.6 拖動(dòng)層拖動(dòng)層2.7 顯示顯示隱藏層隱藏層2.8 改變對(duì)象屬性改變對(duì)象屬性1打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇行為的對(duì)象如某一圖像，也可單擊窗口下打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇行為的對(duì)象如某一圖

6、像，也可單擊窗口下方的方的標(biāo)簽，為整個(gè)頁(yè)面增加行為。標(biāo)簽，為整個(gè)頁(yè)面增加行為。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，從下拉菜單中選擇按鈕，從下拉菜單中選擇“播放聲播放聲音音”。3打開(kāi)打開(kāi)“播放聲音播放聲音”對(duì)話框。對(duì)話框。4在文本框中輸入聲音文件的路徑和名稱，也可單擊在文本框中輸入聲音文件的路徑和名稱，也可單擊“瀏覽瀏覽”按按鈕，選擇要播放的聲音文件。鈕，選擇要播放的聲音文件。5單擊單擊“確定確定”按鈕。在網(wǎng)頁(yè)中出現(xiàn)占位符。按鈕。在網(wǎng)頁(yè)中出現(xiàn)占位符。6在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnLoad”。7保存并在瀏覽器中預(yù)覽網(wǎng)頁(yè)，觀看效果。保存并在瀏覽器中預(yù)覽網(wǎng)頁(yè)

7、，觀看效果。1打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇行為的對(duì)象如某一圖像，如選擇一個(gè)圖像。打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇行為的對(duì)象如某一圖像，如選擇一個(gè)圖像。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，從下拉菜單中選擇按鈕，從下拉菜單中選擇“打開(kāi)瀏覽打開(kāi)瀏覽器窗口器窗口”。3打開(kāi)打開(kāi)“打開(kāi)瀏覽器窗口打開(kāi)瀏覽器窗口”對(duì)話框，如圖所示。對(duì)話框，如圖所示。4設(shè)置對(duì)話框，單擊設(shè)置對(duì)話框，單擊“確定確定”按鈕。按鈕。在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnMouseOver”6保存并在瀏覽器中測(cè)試行為。保存并在瀏覽器中測(cè)試行為。 1打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇行為的對(duì)象，如選擇一個(gè)圖像。打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇行為的對(duì)象，如選

8、擇一個(gè)圖像。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開(kāi)下拉菜單，從中選擇按鈕，打開(kāi)下拉菜單，從中選擇“彈彈出消息出消息”。3打開(kāi)打開(kāi)“彈出消息彈出消息”對(duì)話框，如圖所示。對(duì)話框，如圖所示。 4輸入要顯示的信息，單擊輸入要顯示的信息，單擊“確定確定”按鈕。按鈕。5在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnMouseDown”6保存并在瀏覽器中測(cè)試行為。保存并在瀏覽器中測(cè)試行為。 1打開(kāi)一個(gè)網(wǎng)頁(yè)，插入一個(gè)按鈕，在打開(kāi)一個(gè)網(wǎng)頁(yè)，插入一個(gè)按鈕，在“屬性檢查器屬性檢查器”中設(shè)置中設(shè)置“動(dòng)作動(dòng)作”為為“無(wú)無(wú)”。2選中按鈕。在行為面板上，單擊選中按鈕。在行為面板上，單擊“+”按鈕

9、，打開(kāi)下拉菜單，從按鈕，打開(kāi)下拉菜單，從中選擇中選擇“轉(zhuǎn)到轉(zhuǎn)到URL”。3打開(kāi)打開(kāi)“轉(zhuǎn)到轉(zhuǎn)到URL”對(duì)話框，如圖所示。對(duì)話框，如圖所示。4在在“URL”框中框中輸入要打開(kāi)的文件的輸入要打開(kāi)的文件的路徑和名稱，也可單路徑和名稱，也可單擊擊“瀏覽瀏覽”按鈕選擇文件。按鈕選擇文件。5單擊單擊“確定確定”按鈕。按鈕。6在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnMouseDown”7保存并在瀏覽器中測(cè)試行為保存并在瀏覽器中測(cè)試行為1打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇窗口下方的打開(kāi)一個(gè)網(wǎng)頁(yè)，選擇窗口下方的標(biāo)簽。標(biāo)簽。2在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開(kāi)下拉菜單，從中選擇按鈕，打開(kāi)下拉菜單

10、，從中選擇“設(shè)設(shè)置文本置文本”子菜單中的子菜單中的“設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本”。3打開(kāi)打開(kāi)“設(shè)置狀態(tài)欄文本設(shè)置狀態(tài)欄文本”對(duì)話框，如圖所示。對(duì)話框，如圖所示。4輸入要顯示的信息，單擊輸入要顯示的信息，單擊“確定確定”按鈕。按鈕。5在行為面板設(shè)置事件，如設(shè)為在行為面板設(shè)置事件，如設(shè)為“OnLoad”。6保存并在瀏覽器中測(cè)試行為。保存并在瀏覽器中測(cè)試行為。1打開(kāi)一個(gè)網(wǎng)頁(yè)，插入一個(gè)層，命名為打開(kāi)一個(gè)網(wǎng)頁(yè)，插入一個(gè)層，命名為layer1，在層插入圖像。，在層插入圖像。2選擇窗口下方的選擇窗口下方的標(biāo)簽。標(biāo)簽。3在行為面板上，單擊在行為面板上，單擊“+”按鈕，打開(kāi)下拉菜單，從中選擇按鈕，打開(kāi)下拉菜單

11、，從中選擇“拖拖動(dòng)層動(dòng)層”。4打開(kāi)打開(kāi)“拖拖動(dòng)層動(dòng)層”對(duì)話框，對(duì)話框，如圖所示。如圖所示。 5在在“基本基本”選項(xiàng)中，選擇要拖動(dòng)的層，其他使用默認(rèn)設(shè)置。選項(xiàng)中，選擇要拖動(dòng)的層，其他使用默認(rèn)設(shè)置。6單擊單擊“確定確定”按鈕，退出按鈕，退出“拖動(dòng)層拖動(dòng)層”對(duì)話框。對(duì)話框。7在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnLoad”。8保存并在瀏覽器中測(cè)試行為。保存并在瀏覽器中測(cè)試行為。1打開(kāi)一個(gè)網(wǎng)頁(yè)，輸入打開(kāi)一個(gè)網(wǎng)頁(yè)，輸入“長(zhǎng)影世紀(jì)城景觀長(zhǎng)影世紀(jì)城景觀”，并設(shè)置空鏈接。，并設(shè)置空鏈接。2插入一個(gè)層，命名為插入一個(gè)層，命名為“Layer1”，在層中插入圖像，如圖所示，在層中插入圖像，如圖所示3選中選中

12、“長(zhǎng)影世紀(jì)城景觀長(zhǎng)影世紀(jì)城景觀”，在行為面板上，單擊在行為面板上，單擊“+”按鈕，按鈕，打開(kāi)下拉菜單，從中選擇打開(kāi)下拉菜單，從中選擇“顯示顯示隱藏層隱藏層”。打開(kāi)打開(kāi)“顯示顯示隱藏層隱藏層”對(duì)話框，如圖所示。對(duì)話框，如圖所示。5在在“命名的層命名的層”中顯示了所有的層，選擇中顯示了所有的層，選擇“Layer1”。6單擊單擊“隱藏隱藏”按鈕，然后單擊按鈕，然后單擊“確定確定”，退出，退出“顯示顯示隱藏層隱藏層”對(duì)話框。對(duì)話框。7在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnMouseOut”。8重新選擇重新選擇“長(zhǎng)影世紀(jì)城景觀長(zhǎng)影世紀(jì)城景觀”文本，打開(kāi)文本，打開(kāi)“顯示顯示隱藏層隱藏層”對(duì)對(duì)話框，

13、選擇話框，選擇“Layer1”，單擊，單擊“顯示顯示”按鈕，確定退出對(duì)話框?qū)⑿袨槭掳粹o，確定退出對(duì)話框?qū)⑿袨槭录O(shè)為件設(shè)為“OnMouseOver”。行為面板顯示如圖所示。行為面板顯示如圖所示。10選中網(wǎng)頁(yè)的層，在屬性檢查器中設(shè)置選中網(wǎng)頁(yè)的層，在屬性檢查器中設(shè)置“可見(jiàn)性可見(jiàn)性”為為“hidden”，使層初始狀態(tài)為隱藏。，使層初始狀態(tài)為隱藏。11保存并在瀏覽器中測(cè)試行為，保存并在瀏覽器中測(cè)試行為，當(dāng)鼠標(biāo)指向當(dāng)鼠標(biāo)指向“長(zhǎng)影世紀(jì)城景觀長(zhǎng)影世紀(jì)城景觀”時(shí)，時(shí)，層顯示，離開(kāi)時(shí)層隱藏。層顯示，離開(kāi)時(shí)層隱藏。1打開(kāi)一個(gè)網(wǎng)頁(yè)，插入兩個(gè)按鈕，按鈕動(dòng)作為打開(kāi)一個(gè)網(wǎng)頁(yè)，插入兩個(gè)按鈕，按鈕動(dòng)作為“無(wú)無(wú)”，繪制一個(gè)，

14、繪制一個(gè)層，命名為層，命名為L(zhǎng)ayer1，設(shè)置層的背，設(shè)置層的背景顏色為淺紫色，如圖所示。景顏色為淺紫色，如圖所示。2選中選中“粉色粉色”按鈕。在行為按鈕。在行為面板上，單擊面板上，單擊“+”按鈕，打開(kāi)下拉按鈕，打開(kāi)下拉菜單，從中選擇菜單，從中選擇“改變屬性改變屬性”。3打開(kāi)打開(kāi)“改變屬性改變屬性”對(duì)話框，對(duì)話框，如圖所示。如圖所示。4對(duì)話框各項(xiàng)設(shè)置如下：對(duì)話框各項(xiàng)設(shè)置如下：“對(duì)象類型對(duì)象類型”：選擇要改變的類型。選擇：選擇要改變的類型。選擇“LAYER”“命名對(duì)象命名對(duì)象”：從下拉菜單中選擇要更改屬性的對(duì)象名稱，選擇：從下拉菜單中選擇要更改屬性的對(duì)象名稱，選擇layer“Layer1”?！皩?/p>

15、性屬性”：設(shè)置要改變的屬性名稱及瀏覽器版本。改變背景選擇：設(shè)置要改變的屬性名稱及瀏覽器版本。改變背景選擇“style.backgroundColor”，瀏覽器版本選擇，瀏覽器版本選擇“IE4”?！靶碌闹敌碌闹怠保涸O(shè)置新屬性的值。輸入：設(shè)置新屬性的值。輸入“pink”5單擊單擊“確定確定”，退出對(duì)話框。，退出對(duì)話框。6在行為面板設(shè)置事件為在行為面板設(shè)置事件為“OnMouseDown”。7選中選中“綠色綠色”按鈕，添加按鈕，添加“改變屬性改變屬性”，設(shè)置，設(shè)置“新的值新的值”為為“green”，事件為，事件為“OnMouseDown”。8保存并在瀏覽器中測(cè)試行為。保存并在瀏覽器中測(cè)試行為。3 插入

16、行為腳本插入行為腳本l只要把特效代碼復(fù)制、粘貼到你的網(wǎng)頁(yè)源代碼中，保存，再在瀏覽器中打開(kāi)，就會(huì)看到效果了 。l如：設(shè)為首頁(yè)設(shè)為首頁(yè)l特效代碼集中營(yíng)：http:/ 雙擊頁(yè)面自動(dòng)滾屏效果雙擊頁(yè)面自動(dòng)滾屏效果 var currentpos,timer; function initialize() timer=setInterval(scrollwindow(),10); function sc() clearInterval(timer); function scrollwindow() window.scrollBy(0,1); document.onmousedown=sc document.ondblclick=initialize在鼠標(biāo)后面跟著一串飄動(dòng)的字符在鼠標(biāo)后面跟著一串飄動(dòng)的字符 .spanstyl