用js或JQuery左右图片左右滑动的思路是怎样的？

Question

比如我又6张图片，我要实现左右滑动的效果改怎样写代码？平时都是用的插件，写上下的、淡入淡出的切换都很容易。。。左右切换的感觉还挺麻烦。求简单的思路。感谢。。。

Answer 1

那种滑动效果，现在一般都是结合CSS3的transform:translate3D

元素结构一般都是

<ul>

    <li>

    <li>

</ul>

然后需要js赋值第一个li和最后一个li分别加在ul标签的最后面和最前面

然后就给每个li一个transform:translate3D的值

用js去操作ul的transform:translate3D的值，即可达到左右滑动的效果