我正在尝试创建自定义轮播。它的工作方式是项目包含在两个“桩”中，两个桩都包含相同的项目。
当您单击“下一步”按钮时，第二堆中最顶部的项目将移动到第一个桩的顶部。第一堆中的最后一个项目将移动到第二个桩的底部，这意味着两个桩总是包含相同数量的项目。
单击“上一步”按钮时，需要执行反向动画。
当将物品从第二堆移动到第一堆时，需要通过动画来实现。
我在这里创建了一个小提琴https://jsfiddle.net/n109rpp0/3/，其中包含我到目前为止制作的HTML，但我很难找到一种方法来制作动画。
我不确定我是否采取了正确的方法，例如通过将项目复制到两个ul元素中。另外，我如何确保以正确的顺序循环项目？
有没有人对我应该怎么做？
答案 0 :(得分：1)
以下是如何实现您想要的快速创意。加上这个：
$(prevItem).animate({left: '-345px', top: '-30px', width: '+=50px', height: '+=50px'});
$(prevItem).css('zIndex', '1');
到你的下一个按钮功能。
您需要使用代码进行完美转换。 这是更新后的fiddle
jQuery的Google动画功能，你会发现更多的例子