js实现轮播图_js轮播图一下

看了看联盟,就写个小轮播好了,反正以后也要用到。

ba9ee038f5930addc8586da538bd5ecb.png
lol图片轮播图https://www.zhihu.com/video/1130636937089978368
<!DOCTYPE html>

很简单

1:定义一个函数让所有的banner图li都隐藏掉,在循环i给第i个li改变成block,在点击中让全局变量s每点加1在调用move方法,然后就可以实现效果。

2:图下的小圆点儿是循环i给每一个li添加一个索引,再绑定点击时间每次点击都给s赋值,为的就是让图片和圆点一一对应以达到效果。

3:其实原点儿的颜色就直接for加一个初始化的颜色就可以了,我是为对应图片改了一下每个点儿的颜色。

原生写的代码附上,图可以自己找,还会继续改进,不喜勿喷。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值