javaScript实现焦点轮播图界面效果(四)

本文介绍了一种实现图片轮播中底部小圆点指示器的方法。通过封装showBtn函数,可在点击左右按钮时改变小圆点的颜色状态,同时也能直接点击小圆点跳转至对应的图片。

二、底部小圆点切换

底部小圆点有两种颜色,例如当滚动到第2张图片的时候,那么第2个小圆点就会亮起来,而其他小圆点就会变暗。

这里我们封装一个函数showBtn来实现小圆点的这些功能


在左右按钮的点击事件中调用showBtn方法。就可以实现在点击左右按钮的时候,小圆点颜色也会随着变化。

同时,也可以点击小圆点切换到不同的图片。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值