不能发视频，截图来代替吧
1.显示 轮播图1（实际轮播的第2个元素li）
2.显示 轮播图2（实际轮播的第3个元素li）
3.显示 轮播图3（实际轮播的第4个元素li）
4.显示 轮播图1（实际轮播的第5个元素li,之后会紧跟着重复以上动作）
其实是这样的。轮播图其实是一张很宽的图片，根据所在div设置宽度分成几张图片拼接起来的图片。当切换的时候，js移动该div层的背景图片位置也就是操作 CSS的 background-position 属性，来达到看起来好像轮播的效果给你几个思路
将所有需要轮播的图片横向并排排列，定位设置为绝对定位，暂定为pic-list。设置一个轮播图box,暂定为lb-box，lb-box依每张图片的宽高设置宽高，并将over-flow设置为hidden。将pic-list放到lb-box里，现在应该看到的是一张图片，设置一个定时器，每三秒或几秒执行一次，执行事件是将pic-list的left属性每次减去一张图片的宽度，到减完pic-list的宽度后，将left设置为0，轮播图完成。
第二种思路，设置一个放置轮播图的box，定为lb-box，宽高一样为一张图片的宽高，将所有的轮播图名字命名为统一格式，比如（pic-1.png,pic-2.png,pic-3.png）。lb-box里放轮播图种的第一张图如（pic-1.png），设置一个定时器，每三秒或几秒执行一次，执行的事件是将轮播图的src属性改成pic-2.png(具体可设置一个变量进行++操作)。到最后一个轮播图再将轮播图src属性设置为pic-1.png。轮播图完成
PS.自己动手，丰衣足食
![[前端][CSS] 纯css实现纵向滚动固定表头与横向内容滚动](/aiimages/%5B%E5%89%8D%E7%AB%AF%5D%5BCSS%5D+%E7%BA%AFcss%E5%AE%9E%E7%8E%B0%E7%BA%B5%E5%90%91%E6%BB%9A%E5%8A%A8%E5%9B%BA%E5%AE%9A%E8%A1%A8%E5%A4%B4%E4%B8%8E%E6%A8%AA%E5%90%91%E5%86%85%E5%AE%B9%E6%BB%9A%E5%8A%A8.png)
