最简的JavaScript鼠标经过切换图片_图片特效特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      最简的JavaScript方法实现鼠标经过切换图片,学习JS的朋友可以试着加一个LOADING,这样就上水平了,本代码可以很好的嵌入到ASP/PHP/ASP.NET程序中,图片地址可由这些程序上传后从数据库读取出来。

      <title>JavaScript切换图片</title> <script> function showDaTu(src){ document.getElementById("defaultImg").src=src; } </script> <img src="http://p1.mb5u.com/texiao/1/20110225160518377.jpg" id="defaultImg"> <br><br><br> <img src='http://p1.mb5u.com/texiao/1/20110225160518378.jpg' onmouseover="showDaTu('/jscss/demoimg/wall1.jpg')"> <img src='http://p1.mb5u.com/texiao/1/20110225160518379.jpg' onmouseover="showDaTu('/jscss/demoimg/wall2.jpg')"> <img src='http://p1.mb5u.com/texiao/1/20110225160518380.jpg' onmouseover="showDaTu('/jscss/demoimg/wall3.jpg')"> <img src='http://p1.mb5u.com/texiao/1/20110225160518381.jpg' onmouseover="showDaTu('/jscss/demoimg/wall4.jpg')"> <br>因图片较大,请等待图片加载完成……然后鼠标放小图上就会切换了。