4.5左右轮播

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

1

图片.png

1.1

图片.png

1.2

图片.png

详细的画图思考

图片.png