工具/材料
Sublime Text
操作方式
- 01
首先在Sublime Text下面筹办一个html和5张图片,图片宽高为600px和400px,如下图所示
- 02
然后在HTML页面中结构轮播图的布局,如下图所示,本家儿要包罗图片区域,圆形按钮,摆布箭头
- 03
接下来需要给轮播图页面结构声明一些样式,请按照下图所示的样式代码进行声明
- 04
最后就是实现轮播图的JS剧本功能,如下图所示,本家儿要包罗进步,撤退退却,主动播放的功能
- 05
最后运行页面,你就会看到下图所示的轮播图结果,点击圆圈或者摆布箭头可以切换轮播图
- End







