话不多说,效果如下。
简单的解释一下我这个轮播图的原理
将5张图片放入一个宽度为4200px的div中每张图片的宽度设计为600px,而div放入一个宽度为600px的div中,所以一次只能显示一张图片。而且5张图片是连在一起的,只要修改图片距右边的距离就可以改变图片,这5张图片是紧密的连接在一起的,相当于改变了1张很长的图片(5张图片连接)的聚焦的位置。
而小图显示其实也是一个轮播图,原理类似
百度网盘:https://pan.baidu.com/s/1KXVi4xXqOV9XJChwpxhacA
提取码:xhp2
新手友好,纯js+css+html带小图提示的简单轮播图
最新推荐文章于 2024-08-02 14:21:03 发布