A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > JavaScript简单实现鼠标移动切换图片的方法

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

时间:2016-02-24 14:14作者:fang人气:175

本文实例讲述了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程序设计有所帮助。

标签JavaScript,简单,实现,鼠标,移动,切换,图片,方

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号