轮播图

轮播图感悟:
1、通过b站的介绍写出了没有计时器的轮播图(有很多种方法)
2、具体的过程是这样的:
1、首先通过一个表单ul 列出格式 给第一个设置 dataindex

image.png

用来在标签里面存数据
2、css设置宽度长度
position: relative;
padding-left: 0px;
使得所有图片重叠
3、给第一个每一个li设置class 第一个先添加active的class
image.png

4、手动设置有active的class的z-index的值 将它在重叠的图片中放在第一个(之后将 point active的class赋给第二个 第二张图片就替代成为第一张图片)
5、按照上一条的原理 用js设置函数 让他自己依次改变active的位置
6、设置index=0 代表第几张图片第几个点

 
                    
                    

你可能感兴趣的:(轮播图)