不能发视频，截图来代替吧
1.显示 轮播图1（实际轮播的第2个元素li）
2.显示 轮播图2（实际轮播的第3个元素li）
3.显示 轮播图3（实际轮播的第4个元素li）
4.显示 轮播图1（实际轮播的第5个元素li,之后会紧跟着重复以上动作）
<!DOCTYPE html><html><head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>RunJS</title>
<style type="text/css">
#frame{position:absolutewidth:302pxheight:200pxoverflow:hiddenborder-radius:5px}
#dis{position:absoluteleft:-50pxtop:-10pxopacity:.5}
#dis li{display:inline-blockwidth:200pxheight:20pxmargin:0 50pxfloat:lefttext-align:centercolor:#fffborder-radius:10pxbackground:#000}
#photos .img{float:leftwidth:300pxheight:200pxbackground-color:redborder-left:1px solid blue}
#photos { position: absolutez-index:9 width: calc(301px * 4)/*---修改图片数量的话需要修改下面的动画参数*/ }
.play{ animation: ma 5s ease-out infinite alternate}
@keyframes ma {
0%,25% { margin-left: 0px }
30%,50% { margin-left: -300px }
55%,75% { margin-left: -600px }
80%,100% { margin-left: -900px }
}
</style>
</head>
<body>
<div id="frame" >
<div id="photos" class="play">
<div class="img"></div>
<div class="img"></div>
<div class="img"></div>
<div class="img"></div>
<ul id="dis">
<li>111111111111111</li>
<li>22222222222222</li>
<li>33333333333333</li>
<li>44444444444444</li>
</ul>
</div></div>
</body></html>
css让网页各屏背景全屏显示，首先需要理解就是浏览器展示区域，其实就是body这个部分，想要让背景全屏的话，需要用到css的background这个属性，在选择好背景的图片就可以了，具体看下代码：<html>
<head>
<style>
body{
background:url('图片地址')repeat 0px 0px
}
</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>
