不能发视频,截图来代替吧
1.显示 轮播图1(实际轮播的第2个元素li)
2.显示 轮播图2(实际轮播的第3个元素li)
3.显示 轮播图3(实际轮播的第4个元素li)
4.显示 轮播图1(实际轮播的第5个元素li,之后会紧跟着重复以上动作)
不推荐css写轮播图是在css中轮播中的图像无法填充整个宽度。根据查询相关公开信息显示轮播图对多种设备宽度都不适合,超过1200像素时,css中轮播的图像无法填充整个宽度。当删除媒体查询时,工作恢复正常。轮播图不能在css中使用。其实是这样的。轮播图其实是一张很宽的图片,根据所在div设置宽度分成几张图片拼接起来的图片。当切换的时候,js移动该div层的背景图片位置也就是操作 CSS的 background-position 属性,来达到看起来好像轮播的效果