《javaScript100例|02》超级经典一套鼠标控制左右滚动图片带自动翻滚

目录

​​效果图​​

​​JS示例​​

​​源码地址：​​

---

效果图

JS示例

<title>JavaScript切换图片</title>
<script>
function showDaTu(src){
document.getElementById("defaultImg").src=src;
}
</script>
<img src="wall1.jpg" id="defaultImg">
<br><br><br>
<img src='wall_s1.jpg' onmouseover="showDaTu('wall1.jpg')">
<img src='wall_s2.jpg' onmouseover="showDaTu('wall2.jpg')">
<img src='wall_s3.jpg' onmouseover="showDaTu('wall3.jpg')">
<img src='wall_s4.jpg' onmouseover="showDaTu('wall4.jpg')">
<br>因图片较大，请等待图片加载完成……然后鼠标放小图上就会切换了。

 

源码地址：