JavaScript简单实现鼠标移动切换图片的方法_Javascript教程-查字典教程网
JavaScript简单实现鼠标移动切换图片的方法
JavaScript简单实现鼠标移动切换图片的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了JavaScript简单实现鼠标移动切换图片的方法。分享给大家供大家参考,具体如下:JavaScript切换图片functio...

本文实例讲述了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教程学习
    热门Javascript教程学习
    编程开发子分类