第二十一節 Behavior

來源:互聯網
上載者:User

網頁的動態效果,要往網頁頁面裡插入JavaScript小程式。Dremweaver能自動產生一些JavaScript代碼來實現動態效果,使不會JavaScript的人也能製作出動態網頁。 利用Dreamweaver的Behavior,能做出很有用的頁面效果。

要使用Behavior,先點擊功能表列的WINDOW\Behavior,或直接用快速鍵F8,即彈出Behavior面板。

(Behavior面板) Behavior由兩部分組成——Events和Actions。
Events是事件,每個頁面元素所能發生的事件不盡相同。例如頁面本身能發生onLoad和onUnload事件,onLoad即該頁面被開啟的事件,onUnload即頁面被關閉的事件。而超級連結能發生onMouseOver事件,即被滑鼠移動到其上的事件。
Action是動作。動作只有當某個事件發生時,才被執行。例如可設定當滑鼠滑鼠移動到某超級連結上時,執行一個動作使瀏覽器狀態列出現文字。

Behavior面板上,Events For後的下拉選框裡可選擇所針對的不同的瀏覽器類型。因為不同的瀏覽器,其事件的標準並不完全一致。建議在這裡選4.0 and Later Browsers,即4.0版本及以上的瀏覽器。因英文版的Dreamweaver和中文版的Windows衝突,有時這個選框無法用滑鼠選擇,這時應該應鍵盤上的方向鍵選擇。

要添加Behavior,執行某一動作,先要考慮需使用哪一個頁面元素的哪一個事件。考慮完畢後,在Dreamweaver主視窗中選擇這個頁面元素,點擊Behavior面板上的 + 按鈕,彈出一個選框供你選擇一個動作。 對話方塊上,有些選項無法選擇,這是因為這些選項所需一些頁面元素,而這些頁面元素在當前頁面上並不存在。 這時選擇好所需的動作,然後進行必要的設定。
設定完畢後,面板上即多出一項Behavior。 點擊此項的事件部分後面的箭頭按鈕,即可從彈出的幾個選項中選擇一個事件。根據開始在主視窗中選擇的頁面元素,此時會給出相應的事件選項。假如開始選擇的是頁面本身,則此時會給出兩個事件——onLoad和onUnload。 點擊此項的動作部分,可彈出相應的對話方塊,供修改你已設定的動作參數。 在面板中點擊已設定完的一項Behavior,在點擊面板上向上或向下的箭頭按鈕,可改變此項Behavior在所有各項中的排列順序。


下面是一個使用Behavior的執行個體。 這一個例子要達到這樣的效果,當訪問者滑鼠移到某超級連結上時,瀏覽器狀態列出現對這個超級連結的解釋。
這要用到Set Text of Status動作和超級連結的onMouseOver事件,即滑鼠移動到超級連結上面的事件。
在Dreamweaver主視窗中,用滑鼠選中這個超級連結。
點擊功能表列的Window\Behavior,或使用快速鍵F8,開啟Behavior面板。
點擊面板上的 + 按鈕,在彈出的選單中點擊Set Text\Set Text of Status,彈出如圖的Set Text of Status對話方塊。
(Set Text of Status對話方塊)

在Message後填入你需要將來在瀏覽器狀態列出現的解釋文字。然後點擊 OK按鈕即可。
在Events下面是調用這個動作的事件。在這裡我們選擇onMouseOver事件。
至此,設定完畢,達到了例子的要求。


相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。