4.5左右轮播

左右轮播有很多种实现方式 下面就先用 javaScript实现的一种吧:思路:想想轮播就是水平滚动的吧,这样的话就是很多张图片轮流滚动了哦. 那么它又分为从左边运动 与 从右边运动 就是点rightSpan 就往左边运动.点击左边就往右往运动.那么就考虑每走完一张就停下来,毕竟在这里我们的需求就是每点击一次就滚动一张 的效果.所以就赋值给一个变量表示点击的时候将要跳转的页数 var count = 0;//起始页数 ;那么运动吧,我们就让它与左边的距离为参照 var leftValue = 0; 但是在运动过程中我们发现,在还没有走完一页我们就点击的时候 count 还是跟着变化,同时图片也不停下来. 那么我们就用到 判断 它此时是否滚动完一页,如果它还在执行滚动的话,那么在这个过程中我们点击时count也是不会累加.我们就用到判断 'var isScroll = false;'了 代码如下列子

1
图片.png
1.1
图片.png

1.2


图片.png
详细的画图思考
图片.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容