HTML写法：

<img src="img_1.png" onmouseover="this.src='img_2.png';" onmouseout="this.src='img_3.png';"/>

JS写法：

var img = document.createElement("img");
img.setAttribute("src","img_1.png");
img.setAttribute("onclick","removeOneWorkitemLine(this);");
img.setAttribute("onmouseover","this.src=\"img_2.png\";");
img.setAttribute("onmouseout","this.src=\"img_3.png\";");

CSS写法：

/*用于div的背景图片切换 代码如下*/
.div{background-image:url('img_1.png');}
.div:hover{background-image:url('img_2.png');}
/*鼠标划过时，切换指定div的背景图片*/

定义和用法：
:hover 选择器用于选择鼠标指针浮动在上面的元素
:hover 选择器可用于所有元素，不只是链接
:link 选择器设置指向未被访问页面的链接的样式
:visited 选择器用于设置指向已被访问的页面的链接
:active 选择器用于活动链接

注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。