在為一個(gè)客戶進(jìn)行網(wǎng)站修改時(shí),客戶要求制作一特效:鼠標(biāo)經(jīng)過圖片自動(dòng)變換。記得Dreamweaver甚至FrontPage都自帶了該特效,可是代碼實(shí)在太啰嗦了。研究了下,發(fā)現(xiàn)可以有更簡單的方法,比起別的JS方法,可是簡潔實(shí)用多了。
<img src="圖片地址1" onmouseover="this.src='圖片地址2'" onmouseout="this.src='圖片地址1'" />
其中onmouseover即為鼠標(biāo)經(jīng)過時(shí)讓它顯示的圖片,onmouseout為鼠標(biāo)離開后讓它顯示為原來的圖。