相對(duì)一些不熟悉HTML代碼的朋友來(lái)說(shuō)，可以使用網(wǎng)頁(yè)編輯軟件自帶的動(dòng)作來(lái)編輯。
最簡(jiǎn)單的其實(shí)要屬使用FrontPage了，它的很多特效是Java Applet的，但象這種鼠標(biāo)事件效果是Javascript的，實(shí)現(xiàn)的很累贅，外掛了一個(gè)足有14K大小的JS文件。
Dreamweaver中的效果不錯(cuò)，相對(duì)FrontPage雖然代碼仍很多，但總體簡(jiǎn)單些。所以我們推薦初學(xué)者使用Dreamweaver來(lái)實(shí)現(xiàn)這個(gè)效果。步驟如下：
1、 插入鼠標(biāo)沒(méi)有移上去前顯示的圖片，打開(kāi)DW中的行為面板，點(diǎn)擊“＋”?！ ?
2、 在出現(xiàn)的下拉菜單中選擇“交換圖像”
3、 選擇鼠標(biāo)移上去后顯示的圖片，確定?！ ?
4、 這時(shí)候行為面板中會(huì)有事件和動(dòng)作，直接保存葉面，完成。
不過(guò)此方法會(huì)產(chǎn)生較長(zhǎng)的js代碼，所以并不推薦使用。
其實(shí)實(shí)現(xiàn)鼠標(biāo)事件效果最完美的方法是插入一小句代碼即可。代碼如下：
?。糹mage src="img1" onmouseover="this.src='img2'" onmouseout="this.src='img1'"＞
而事實(shí)上，這種效果一般不超過(guò)100個(gè)字節(jié)（你別告訴我文件名就有幾十個(gè)字節(jié)哦）。
