轮播图你们正常是用的什么方法写的
轮播图你们一般是用的什么方法写的?
最近在学这个,网上好多方法,有些看得懂,有些看不懂,来这里问问,想知道你们是怎么写轮播图的?
如果例子就是淘宝主页上那个轮播图
主要是想学一个简单,效率高的方法
------解决思路----------------------
基本有这几法,大概思路分享如下:
1. 动态移动法,就是把移动前的li append到后边来,以此达到轮播的效果。
2. 视觉移动法,就是复制容器的元素,然后在视觉临界点的时候把它瞬间拉回来。
3. scrollLeft,scrollTop法,顾名思义就是操作scrollLeft值。
4. 数字临界法,就是判断某个数字达到容器子元素的个数时直接返回0。
各有优缺点,根据不同场景适时选择。
------解决思路----------------------
然后我就第2种写了一个简单的例子,没有使用jq,实现的原则是用最简单的代码实现常见的效果,
有兴趣参考一下这个临时地址:
http://1.gitapp.sinaapp.com/pro/slide/09/index.html
最近在学这个,网上好多方法,有些看得懂,有些看不懂,来这里问问,想知道你们是怎么写轮播图的?
如果例子就是淘宝主页上那个轮播图
主要是想学一个简单,效率高的方法
------解决思路----------------------
基本有这几法,大概思路分享如下:
1. 动态移动法,就是把移动前的li append到后边来,以此达到轮播的效果。
2. 视觉移动法,就是复制容器的元素,然后在视觉临界点的时候把它瞬间拉回来。
3. scrollLeft,scrollTop法,顾名思义就是操作scrollLeft值。
4. 数字临界法,就是判断某个数字达到容器子元素的个数时直接返回0。
各有优缺点,根据不同场景适时选择。
------解决思路----------------------
然后我就第2种写了一个简单的例子,没有使用jq,实现的原则是用最简单的代码实现常见的效果,
有兴趣参考一下这个临时地址:
http://1.gitapp.sinaapp.com/pro/slide/09/index.html