想做一个自动轮播效果,但是轮播下面的按钮一直没有什么好的思路,用原生JS如何去写。就是按到哪一页就显示哪一页,而且轮播的时候和按下的时候按钮背景也随之变化。例如下图红色框里面的:
1 回答
已采纳
李晓健
TA贡献1036条经验 获得超461个赞
你得有一个方法传入一个数字进去,图片就切到第几张图,然后下面的每个按钮都自定义一个属性,值就是所对应该的数字,比喻 <a href="javascript:;" data-index="2">2</a>; 点击这个按钮时就通获取到这个data-index的值,然后调上面的方法,就可以切到对应的图了。至于按钮自身的样式,你点击时给这个按钮添加一个class就好 了,这个class就是点中对应的样式,同时需要去掉其他按钮上的这个选中的class.
添加回答
举报
0/150
提交
取消