作用(Behaviors)讲义.docVIP

PAGE PAGE 1作用（Behaviors）講義「作用」功能為與使用者的互動操作，當使用者按下滑鼠左鍵或其他操作時，會啟動預先安排的作用動作。第一節 「作用」功能的設定操作方式：1.按視窗→作用，或文件視窗右下角的【】鈕叫出作用面板→2.選取網頁上的元件或文件視窗左下角的HTML標記→3.按作用面板上的鈕，增加一個動作→4.以事件（Events）旁的鈕設定使用者的操作；或是在已經定義的動作（Actions）上左鍵雙按，編輯動作內容。※若出現的功能表上項目為Disable，表所選取的元件不能進行此操作。調整使用者瀏覽器的相容版本，【作用面板／按鈕／顯示 事件 For／…】，則事件的項目會有所不同。第二節 一個簡單的例子：我們在頁面上打一些字，像是請按我。然後當使用者以滑鼠按下文字後就會彈出一訊息視窗，裡面寫著歡迎光臨!!在上例子，點選文字就是所謂的事件(Events)，而彈出訊息視窗就是所謂的動作(Actions)。也就是說『作用』就是一段由『事件』引導發生『動作』的過程。一、如何在物件中加入『作用』？※可以加入作用的物件有：文字，圖片，圖層，連結點，表格元件等等、、、1.開啟『作用』面板(視窗-作用)加入『事件』或『動作』刪除選擇的動作 改變動作的順序，向後移動 改變動作的順序，向前移動 2.選取欲加入『作用』的物件，(如果是未加連結的文字，請在Link連結欄中輸入#，使其成為連結點。)3.在作用面板左半部的事件欄，中選擇 4.0 Browsers以適合IE4.0 與 Netscape4.0瀏覽。4.然後點選 (加入事件)，加入適合的事件，比方說我們選了onClick這事件。5.然後在右邊的動作欄(Action)中，點選(加入動作)，比方說我們點了『跳出訊息』Popup Message這『動作』Action，就會出現 Popup Message 的設定視窗，輸入想要的訊息後按OK。6.按[F12]預覽一下結果吧。PS：在非連結的圖片中加入作用，會在Link連結欄中出現#，請不要把它刪掉，否則作用就沒了。二、常用的『事件』（Events）有哪些：*如果把游標停留在頁面上(但不是在表格或Form裡)，可以加入的事件則與頁面有關，如載入（onLoad）就是在讀取頁面後所引發的事件，如果說動作(Action)是出現訊息視窗(Popup Message)，就可以給參觀者一些『問候語』、、、至於其它的事件不勝枚舉，請自行測試、、、* 連結點的事件是最常用的，下面就列出一下常用的事件(其他請自行嘗試)onClick 滑鼠點選 (單響) onDblClick 滑鼠雙響點選 onMouseDown 按下滑鼠左鍵時 onMouseOut 滑鼠游標移出連結點時 onMouseOver 滑鼠游標移入連結點時 onMouseUp 在按下滑鼠鍵， 鬆開按鍵時 Set Text Status Bar 設定狀態列三、Dreamweaver 提供了哪些『動作』(Actions)？『作用』可以完成的『動作』項目如下：Check Browser：檢查使用者瀏覽器版本。Check Plugin：檢查使用者瀏覽器的Plugin軟體。Drag Layer：讓圖層（Layer）可以被使用者拖曳。Go To URL：移動到另一個超連結（URL）。Open Browser Window：開一新的瀏覽器視窗。Play Sound：撥放聲音。Popup Message：跳出訊息框。Set Text：設定狀態列或圖層內的文字。Show-Hide Layers：顯示／隱藏圖層。Timeline：控制時間軸的動作。Display status Messgae：在瀏覽器下方的狀態訊息列顯示訊息。