【文件属性】：
文件名称：原生js实现焦点轮播图效果
文件大小：38KB
文件格式：PDF
更新时间：2021-01-19 16:20:07
js js代码 list
原生js焦点轮播图主要注意这几点：
1、前后按钮实现切换，同时注意辅助图
2、中间的button随着前后按钮对应切换，同时按button也能跳转到相应的index
3、间隔调用与无限轮播。
4、注意在动画时要停止按钮，或者说上一个动画完毕下一个动画才能执行
5、另外在切换图片的时候，底部的Button动画效果，是从底部开始往上升的，要用到transform:scale()和transform-origin:0 100%两个转换属性，代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8/>
<meta name=viewpoi