想做一个自动轮播效果，希望有人提供一下轮播按钮的思路！

Question

想做一个自动轮播效果，但是轮播下面的按钮一直没有什么好的思路，用原生JS如何去写。就是按到哪一页就显示哪一页，而且轮播的时候和按下的时候按钮背景也随之变化。例如下图红色框里面的：

Answer 1

你得有一个方法传入一个数字进去，图片就切到第几张图，然后下面的每个按钮都自定义一个属性，值就是所对应该的数字，比喻 <a href="javascript:;" data-index="2">2</a>; 点击这个按钮时就通获取到这个data-index的值，然后调上面的方法，就可以切到对应的图了。至于按钮自身的样式，你点击时给这个按钮添加一个class就好 了，这个class就是点中对应的样式，同时需要去掉其他按钮上的这个选中的class.