隨著網(wǎng)站設(shè)計技術(shù)的進步，越來越多的網(wǎng)頁設(shè)計師加入各種用JavaScript編寫的特效，使網(wǎng)頁看起來更加美觀。然而，并不是所有的網(wǎng)頁設(shè)計師都擅長使用JavaScript 語言。對于不擅長編寫JavaScript的網(wǎng)頁設(shè)計師，可以使用Dreamweaver內(nèi)置的行為工具，以可視化的方式編輯網(wǎng)頁特效。

在Dreamweaver 中，您還可以方便地制作各種動態(tài)交互窗體。通過這些形式，可以實現(xiàn)設(shè)計者與觀者之間的各種交流。

這里介紹Dreamweaver的行為、時間軸等可視化網(wǎng)頁特效制作工具，以及JavaScript的基礎(chǔ)和表單的應(yīng)用。

Behavior是Dreamweaver提供的視覺特效編輯工具，主要用于使網(wǎng)頁動態(tài)響應(yīng)用戶操作，改變當(dāng)前頁面效果或執(zhí)行一些特定的任務(wù)。 Dreamweaver 的行為是用JavaScript 代碼預(yù)先編寫的代碼。這些代碼可以被網(wǎng)頁設(shè)計者通過簡單的操作調(diào)用并嵌入到網(wǎng)頁中，代碼的執(zhí)行可以由一些特定的事件觸發(fā)。

要向網(wǎng)頁添加行為，必須提供三個組件，即對象、事件和動作?？腕w是行為的主體；網(wǎng)頁中的大部分對象都可以直接作為行為的對象，如文本、圖片、表格等；事件是觸發(fā)行為的條件，行為只有通過事件才能發(fā)生。 actions 是行為的主體，這部分決定行為做什么工作或者web對象被激活時變成什么狀態(tài)。

Dreamweaver 提供了一個面板來管理和編輯行為，即[行為]面板。執(zhí)行[窗口] | [行為]命令（Shift+F4組合鍵）在Dreamweaver中打開面板。使用【行為】面板，可以為對象添加所有行為，也可以修改當(dāng)前選中行為的部分參數(shù)，如圖6-1所示。

[行為] 面板中有6個可用按鈕，其功能如表6-1所示。

Dreamweaver 中內(nèi)置的各種行為構(gòu)成了一個JavaScript 庫。用戶只需要用鼠標(biāo)選擇各種動作并設(shè)置一些簡單的參數(shù)就可以為他們設(shè)置觸發(fā)的事件，并將庫中的JavaScript代碼應(yīng)用到網(wǎng)頁中。

在編輯行為之前應(yīng)首先選擇對象。在Dreamweaver中，網(wǎng)頁中的所有標(biāo)簽（包括整個網(wǎng)頁、各種文本、圖像、多媒體、表格、圖層、框架等）都可以作為動作的對象。不同的對象可以添加不同的行為，可以設(shè)置觸發(fā)動作的各種事件。在Dreamweaver 中，支持所有JavaScript 事件作為動作的觸發(fā)條件，如表6-2 所示。

編輯一個行為的觸發(fā)事件，可以直接在【行為】面板中選中添加的行為，點擊該行為的觸發(fā)事件，然后在彈出的下拉菜單中選擇對應(yīng)的事件或者直接在事件菜單文本框事件類型，如圖6-2所示。

在行為列表中雙擊添加的行為，或單擊鼠標(biāo)右鍵執(zhí)行【編輯行為】命令，也可以在彈出的對話框中編輯行為的參數(shù)，如圖6-3所示。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！