- 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>因图片较大,请等待图片加载完成……然后鼠标放小图上就会切换了。