终于要学习轮播图了...激动
网页轮播图
轮播图也称为焦点图,是网页中比较常见的网页特效
先来看看需求:
老师是在之前的品优购的案例中补充的,但是我就重新做一个简单的网页吧,方便看一些:...结构:
我们的轮播图会有一排小圆圈在下面,但是小圆圈的个数总是不确定的,所以我们需要动态生成小圆圈,有几张图片就生成几个小圆圈....本文由“壹伴编辑器”提供技术支持
创建元素,添加元素
那么现在不管有多少图片他都能动态的生成
本文由“壹伴编辑器”提供技术支持
先把最简单的做了,当鼠标移动到焦点图上时,左右箭头显示,移开时隐藏...脑袋一片浆糊
我们在点击左右箭头时,就将index赋值给num和circle,这样才能实现同步....最后再将向左的也写一下:
现在做最后一个模块,让轮播图在没有点击的情况下自动播放,做完就去玩手机!!!
第三条让我欣喜如狂~
想到自动播放,那就先设置一个定时器:
就是这么简单!!