一,无线轮播的关键点(位置控制+首尾虚拟替代)
1,左右滑动,记准index
虚拟图3 | 图1 | 图2 | 图3 | 虚拟图1 | |
---|---|---|---|---|---|
index | 0 | 1 | 2 | 3 | 4 |
左边的箭头(向右滑)
右边的箭头左滑
2,首尾虚拟
动画效果+瞬间虚转实
此处不能使用css的 transition 做动画效果
那么使用jquery的动画animate 及动画执行完后立即执行一个函数完成虚转实的效果
1,左右滑动,记准index
虚拟图3 | 图1 | 图2 | 图3 | 虚拟图1 | |
---|---|---|---|---|---|
index | 0 | 1 | 2 | 3 | 4 |
左边的箭头(向右滑)
右边的箭头左滑
2,首尾虚拟
动画效果+瞬间虚转实
此处不能使用css的 transition 做动画效果
那么使用jquery的动画animate 及动画执行完后立即执行一个函数完成虚转实的效果