原生js实现无限图片滚动轮播：左右滚动，从最后一张轮播到第一张的时候不会一下子从左到右跳回去

最新推荐文章于 2024-09-24 15:19:32 发布

vip.khan

最新推荐文章于 2024-09-24 15:19:32 发布

阅读量3.8k

点赞数 3

分类专栏： js常用小函数文章标签： js 轮播

本文链接：https://blog.csdn.net/vipsongtaohong/article/details/97616715

版权

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

摘要由CSDN通过智能技术生成

原生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>
		<