原生JS实现旋转轮播图+文字内容切换

 

废话不多说,直接上图看效果:

原生JS实现旋转轮播图+文字内容切换

 

 

 

需求:点击左右按钮实现切换用户图片与信息;

原理:点击右侧左侧按钮,把3号的样式给2号,2号的给1号,1号的给5号,5号的给4号,4号的样式给3号,然后根据现在是第几张图片切换成对应的文字;

步骤:

1.让页面加载出所有盒子的样式;

2.把两侧按钮绑定事件(调用同一个方法,只有一个参数,true为正向旋转,false为反向旋转);

3.书写函数:操作函数