JS实现普通轮播图特效

本文实例为大家分享了JS实现轮播图特效的具体代码,供大家参考,具体内容如下 知识点 轮播图思想: 1 建立一个全局变量索引,始终标记当前显示图片。 2 根据当前图片的数量,动态创建下方的●图片指示器。 3 轮播图的初始状态为第一张图片在中间,剩余所有图片均放在即将显示图片位置。 4 当点击>的时候,当前图片调用动画移动函数进行左移,与此同时新的一张图片调用动画函数移入到div中,而会将下一张展示的图片移动到div右侧。 5 需要进行边界判断,如果当前的图片大于图片数量或者小于等于0,重新给索引赋值。 6 当点击图片指示器的时候,首先判定点击的与索引的位置关系,然后进行动画移动。 7 给div