HTML代码
<div class="box">
<div class="swiper_container">
<img src="./img/swiper1.png" alt="">
<img src="./img/swiper2.png" alt="">
<img src="./img/swiper3.png" alt="">
<img src="./img/swiper4.png" alt="">
<img src="./img/swiper5.png" alt="">
</div>
</div>
CSS代码
.box{
width: 700px;
height:350px;
overflow: hidden;
position: relative;
}
.swiper_container{
width: 3500px;
overflow: hidden;
position: absolute;
top:0;
left:0;
}
.swiper-container img{
display: block;
float: left;
width: 100%;
}
JS代码
var left = 0
setInterval(function () {
left += -700
if($('.swiper_container').css('left') == '-2800px'){
$('.swiper_container').css("left","0")
left = 0
}else{
$('.swiper_container').css("left",left + "px")
}
},2000);