JavaScript简单实现鼠标移动切换图片的方法

本文实例讲述了JavaScript简单实现鼠标移动切换图片的方法。分享给大家供大家参考，具体如下：

<title>JavaScript切换图片</title>

<script>

function showDaTu(src){

document.getElementById("defaultImg").src=src;

}

</script>

<img src="images/wall1.jpg" id="defaultImg">

<br><br><br>

<img src='images/wall_s1.jpg' onmouseover="showDaTu('images/wall1.jpg')">

<img src='images/wall_s2.jpg' onmouseover="showDaTu('images/wall2.jpg')">

<img src='images/wall_s3.jpg' onmouseover="showDaTu('images/wall3.jpg')">

<img src='images/wall_s4.jpg' onmouseover="showDaTu('images/wall4.jpg')">

<br>因图片较大，请等待图片加载完成……然后鼠标放小图上就会切换了。

希望本文所述对大家JavaScript程序设计有所帮助。