鼠标经过切换图片

Question

<img src="img1.gif" onmouseover="img2.gif" onmouseout="img1.gif">

Answer 1

<img src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="this.src='img1.gif'">

Answer 2

<scritp>
function changeimg(name)
 var iimg;
 iimg=dpcument.getElementById(name).src;
 if(iimg='img1.gif')
 {iimg='img2.gif'}
 else
 {iimg='img3.gif'}
 else
 {iimg='img4.gif'}//如果图片比较多,还要可以定义一个数组</script>
<img src='img1.gif' onmouseover="changeimg('pic')" id='pic'>

Answer 3

<scritp>
function changeimg(name)
{
 var iimg;
 iimg=dpcument.getElementById(name).src;
 if(iimg='img1.gif')
 {iimg='img2.gif'}
 else
 {iimg='img3.gif'}
 else
 {iimg='img4.gif'}//如果图片比较多,还要可以定义一个数组
}
</script>
<img src='img1.gif' onmouseover="changeimg('pic')" id='pic'>

Answer 4

<img src="img1.gif" onmouseover="this.src='img2.gif'" onmouseout="this.src='img1.gif'">