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