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

Posted 2021-12-08 孙叫兽

目录

效果图

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

 

 

源码地址：

最简的JavaScript鼠标经过切换图片.rar-互联网文档类资源-CSDN下载https://download.csdn.net/download/weixin_41937552/37380438