Dreamweaver教程(二十一)之行為事件

字號(hào):

行為是實(shí)現(xiàn)網(wǎng)頁上交互的一種捷徑,Dreamweaver MX 2004 行為將 javascript 代碼放置在文檔中,以允許訪問者與 Web 頁進(jìn)行交互,從而以多種方式更改頁面動(dòng)作或執(zhí)行某些任務(wù)。行為是事件和由該事件觸發(fā)的動(dòng)作的組合。
    下面我們來學(xué)習(xí)行為的用法?,F(xiàn)在,舉個(gè)例子加以說明。光標(biāo)移到圖片上面。在它的右側(cè)即顯示一段其它內(nèi)容(動(dòng)畫)。請(qǐng)您用鼠標(biāo)測(cè)試,然后,我們來分析一下這個(gè)過程。
    請(qǐng)您操作鼠標(biāo)在花上移入移出
    這是兩個(gè)行為:行為一:移入+顯示;行為二:移出+隱藏。
    事件是:鼠標(biāo)移入和移出。動(dòng)作是:顯示和隱藏。
    具體操作如下:
    1、 在頁面中插入一張圖片,本例為菊花圖片。
    2、 在頁面中插入一個(gè)層,貼入幾個(gè)動(dòng)畫小人。
    在層面板中,將該層設(shè)置成為隱藏。打開頁面的時(shí)候不顯示。層面板狀態(tài).
    3、 單擊圖片,打開行為面板(「窗口」菜單>行為)。在行為面板按“+”號(hào),在彈出菜單中選中顯示-隱藏層.
    系統(tǒng)彈出顯示-隱藏層對(duì)話框。單擊該層,然后單擊“隱藏”按鈕。確定。
    打開“行為”面板,如下圖:
    4、 我們可以在面板中看到事件和行為。需進(jìn)一步對(duì)事件進(jìn)行設(shè)置。單擊“onLoad”,在下拉菜單中選擇“onMouseOut”.
    5、上述方法是鼠標(biāo)移出事件行為的設(shè)置,重復(fù)以上方法再對(duì)鼠標(biāo)移上事件行為進(jìn)行設(shè)置,把顯示-隱藏層設(shè)為(顯示).
    行為事件設(shè)置
    設(shè)置后的“行為”面板最終結(jié)果.
    6、 保存頁面,預(yù)覽網(wǎng)頁。可以看到光標(biāo)移動(dòng)到菊花圖片上就出現(xiàn)右側(cè)的內(nèi)容。
    下面給出一些常見事件的一些解釋
    onClick 單擊
    onDbclick 雙擊
    onKeypress按鍵
    onMouseDown鼠標(biāo)按下
    onMouseOut鼠標(biāo)移出
    onMouseOver鼠標(biāo)移上
    onMouseUp鼠標(biāo)抬起。
    行為是一個(gè)很有用的交互手段。由于行為的門類繁多,也較復(fù)雜。