首页 > 开发 > JS > 正文

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

2024-05-06 16:29:02
字体:
来源:转载
供稿:网友
这篇文章主要介绍了JavaScript简单实现鼠标移动切换图片的方法,涉及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/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表