老师请您帮我看一下代码，谢谢

来源：6-2 无缝连续滚动特效

慕粉1924517932

2022-01-08 20:16:56

相关代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象练习题</title>
</head>
<style>
   *{
     padding:0px;
     margin-top: 0px;
   } 
   .box{
     width:1000px;
     height:100px;
     margin:40px auto;
     border: 1px solid #000;
   }
   .box ul{
     width:5000px;
     list-style: none;
     position: relative;
   }
   .box ul li{
     float: left;
   }
</style>
<body>
   <div class="box"id="box">
      <ul class="list"id="list">
        <li><img src="image/huoshaoyun.jpg"width="200px"height="100px"></li>
        <li><img src="image/jiudian.jpg"width="200px"height="100px"></li>
        <li><img src="image/yjy1 (1).jpg"width="200px"height="100px"></li>
        <li><img src="image/wangzixuan1.jpg"width="200px"height="100px"></li>
        <li><img src="image/wzx2.jpg"width="200px"height="100px"></li>
      </ul>
   </div>
</body>
<script>
    var box=document.getElementById("box");
    var list=document.getElementById("list");
    list.innerHTML+=list.innerHTML;
    var left=0;
    var timer;
    move();
    timer=function move(){
      //设表先关表
      clearInterval(timer);
      setInterval(function(){
        left-=4;
        if(left>1050){
          left=0;
        }
        list.style.left=left+'px';
      },20);
    }
    box.onmouseenter=function(){
      clearInterval(timer);
    }
    box.onpointerleave=function(){
      move();
    }

写回答

1回答