javascript - js里首尾相接轮播的原理是什么？

问题描述

问 题

一般的轮播都知道是改变图片父容器的left来实现，那如果是首尾相接的轮播的原理呢？

JS方面该如何回控制呢？

解决方案

我说说我的思路吧，希望能给你帮助。我用Jquery的。
<ul>
<li><img>1</li>
<li><img>2</li>
<li><img>3</li>
<li><img>4</li>
.....
<ul>
获取所有li标签$("li")。点击左或右移动按钮，ul就左右移动XX像素（每个li大小一样，移动一个li的width）
向左就把第一个$("li").eq[0]，放到ul的最后（appendTo）；右移就把最后li放到最前面（prependTO）。
加点动画效果animate（）好看点。

这篇关于javascript - js里首尾相接轮播的原理是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！