利用行為制作動態(tài)頁面
一般說來,動態(tài)網(wǎng)頁是通過JaveScript或基于JaveScript的DHTML代碼來實現(xiàn)的。包含JaveScript腳本的網(wǎng)頁,還能夠?qū)崿F(xiàn)用戶與頁面的簡單交互。但是編寫腳本既復(fù)雜又專業(yè)需要專門學(xué)習(xí),而Dreamweaver提供的“行為”的機制,雖然行為也是基于JaveScript來實現(xiàn)動態(tài)網(wǎng)頁和交互的,但卻不需書寫任何代碼。在可視化環(huán)境中按幾個按鈕,填幾個選項就可以實現(xiàn)豐富的動態(tài)頁面效果,實現(xiàn)人與頁面的簡單交互! ⌒袨槭鞘录c動作的彼此結(jié)合。例如,當(dāng)鼠標(biāo)移動到網(wǎng)頁的圖片上方時,圖片高亮顯示,此時的鼠標(biāo)移動稱為時間,圖片的變化稱為動作,一般的行為都是要有事件來激活動作。動作時由預(yù)先寫好的能夠執(zhí)行某種任務(wù)的JavaScript代碼組成,而事件是由瀏覽器前用戶的操作相關(guān),如單擊鼠標(biāo)、鼠標(biāo)上滾等。
一、了解行為
“行為”可以創(chuàng)建網(wǎng)頁動態(tài)效果,實現(xiàn)用戶與頁面的交互。行為是由事件和動作組成的,例如:將鼠標(biāo)移到一幅圖像上產(chǎn)生了一個事件,如果圖像發(fā)生變化(前面介紹過的輪替圖像),就導(dǎo)致發(fā)生了一個動作。與行為相關(guān)的有三個重要的部分——對象、事件和動作。
1. 對象(Object)
對象是產(chǎn)生行為的主體,很多網(wǎng)頁元素都可以成為對象,如圖片、文字、多媒體文件等,甚至是整個頁面。
2. 事件(Event)
事件是觸發(fā)動態(tài)效果的原因,它可以被附加到各種頁面元素上,也可以被附加到HTML標(biāo)記中。一個事件總是針對頁面元素或標(biāo)記而言的,例如:將鼠標(biāo)移到圖片上、把鼠標(biāo)放在圖片之外、單擊鼠標(biāo),是與鼠標(biāo)有關(guān)的三個最常見的事件(onMouseOver、onMouseOut、onClick)。不同的瀏覽器支持的事件種類和多少是不一樣的,通常高版本的瀏覽器支持更多的事件。