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