把图片叠在一起,左右两边各移出一张图片,其他的图片就叠在中间图片的下方
通过改变左中右图片的类名,来实现切换图片的效果
假设我要播放下一张图片,就把浅绿色图片的类名给到绿色图片,这样绿色图片就能到浅绿色的位置...把6张图片的类名存在数组当中,这样可以通过修改数组,来修改图片对应的类名,左移时就是右边的图片变成中间,中间图片到左边,第四张图片到右边
可以通过下图的变化来实现,把最后一个类名放到第一个来,也就是先把数组的最后一个元素复制到最前面...,再删除最后一个元素,这样数组就改变成功了,再把这个数组依次赋值给图片,这样图片的切换效果就完成了
简易思路
有个数组是[1,2,3,4,5,6]
值为2的对应的样式是中间的图片
值为1的样式是左侧图片...值为3的样式是右侧图片
然后现在要实现左移,数组就变成[6,1,2,3,4,5]
这样中间的图片就变成了下一张,其他的也对应发生变化
?...(){
//鼠标经过的小圆圈索引号是多少
var index = this.getAttribute('index');
//确定当前中间的图片在什么位置