<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id=dd style="overflow:auto;width:500px;" onmouseover="stop();" onmouseout="startt()">
<div id="d" style="white-space:nowrap;">
<img src="1.jpg">
<img src="2.jpg">
<!-- <img src="3.jpg">
<img src="4.jpg"> 加上的的话里面div移动到头就不动了-->
</div>
</div>
</body>
</html>
<script>
let dd=document.getElementById("dd")
let d=document.getElementById("d")
d.innerHTML+=d.innerHTML
let start=()=>dd.scrollLeft=dd.scrollLeft<dd.scrollWidth-dd.offsetWidth?dd.scrollLeft+6:0
let startt=()=>sc=setInterval(start,1)
let stop=()=>clearInterval(sc)
startt()
</script>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…