原生js实现无限图片滚动轮播:左右滚动,从最后一张轮播到第一张的时候不会一下子从左到右跳回去
写代码也要把我家大殿带着,大殿万安

1、html部分
<div class="box">
<div class="swiper_box">
<img src="img/a.jpg" />
<img src="img/b.jpg" />
<img src="img/c.jpg" />
<img src="img/d.jpg" />
<img src="img/e.jpg" />
</div>
<div class="icon_box">
</div>
<div class="prve">
<img src="img/ban_pre.png" />
</div>
<div class="next">
<img src="img/ban_next.png" />
</div>
</div>
2、css部分
.box {
width: 300px;
height: 300px;
margin: auto;

使用原生JavaScript创建的无限图片轮播效果,左右滚动无缝衔接,当从最后一张图片过渡到第一张时,避免了突然的跳跃,提供平滑的用户体验。
最低0.47元/天 解锁文章
1734





