在为一个客户进行网站修改时,客户要求制作一特效:鼠标经过图片自动变换。记得Dreamweaver甚至FrontPage都自带了该特效,可是代码实在太啰嗦了。研究了下,发现可以有更简单的方法,比起别的JS方法,可是简洁实用多了。
<img src="图片地址1" onmouseover="this.src='图片地址2'" onmouseout="this.src='图片地址1'" />
其中onmouseover即为鼠标经过时让它显示的图片,onmouseout为鼠标离开后让它显示为原来的图。