帮忙修改一下JS代码?这个是简单的图片无缝循环滚动代码,但是循环1次就出错了,后面不循环了? 50

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>ZuiYangDan</title><sty... <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ZuiYangDan</title> <style> * { margin: 0; padding: 0; list-style: none; } #container { width: 100%; border: 1px solid #aaa; margin: 100px 0px; } #pictures { width: 100%; height: 520px; overflow: hidden; position: relative; } #ul1 { position: absolute; left: 0; top: 0; overflow: hidden; } #ul1 li { float: left; width: 700px; height: auto; } #ul1 li img { width: 700px; height: auto; } </style> <script> window.onload = function() { var oDiv = document.getElementById("pictures"); var oUl = document.getElementById("ul1"); var speed = -3; var oLi = document.getElementsByTagName("li"); oUl.innerHTML += oUl.innerHTML;//先把图片增加一组 oUl.style.width = oLi.length * oLi[0].offsetWidth + "px"; function move() { if (oUl.offsetLeft < -oUl.offsetWidth / 2) { oUl.style.left = "0"; } oUl.style.left = oUl.offsetLeft + speed + "px"; } var timer = setInterval(move, 30); oDiv.onmouseover = function() { clearInterval(timer); }; oDiv.onmouseout = function() { timer = setInterval(move, 30); }; } </script></head><body> <div id="container"> <div id="pictures"> <ul id="ul1"> <li><img src="./image/P70225-210657.jpg" alt=""></li> <li><img src="./image/P70225-210750.jpg" alt=""></li> <li><img src="./image/P70225-210838.jpg" alt=""></li> <li><img src="./image/P70225-210909.jpg" alt=""></li> </ul> </div> </div></body></html>循环1次后,第2次后面就没有图片了? 展开
 我来答
网海1书生
科技发烧友

2019-05-06 · 擅长软件设计、WEB应用开发、小程序
网海1书生
采纳数:12311 获赞数:26228

向TA提问 私信TA
展开全部
你这代码我测试后是没出现任何问题的,当然我用的是我自己的图片,但这应该不是什么问题。
络磊
2019-05-06 · 超过56用户采纳过TA的回答
知道小有建树答主
回答量:120
采纳率:95%
帮助的人:21.7万
展开全部
运行以后没报错 正常运行啊?
追问
只能循环一次
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式