Html
    Css
    Js

    
                        
* {
	padding:0px;
	margin:0px;
}
.outer {
	width:740px;
	height:300px;
	border:2px red solid;
	margin:20px auto;
	overflow:hidden;
	position:relative;
}
.inner {
	width:2960px;
	height:300px;
	position:absolute;
	left:0px;
	animation:move 10s infinite;
	-webkit-animation:move 10s infinite;
}
img {
	width:740px;
	float:left;
}
@-webkit-keyframes move {
	0% {
	left:0px;
}
25% {
	left:-740px;
}
65% {
	left:-1480px;
}
100% {
	left:-2220px;
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.1
 立即下载

css轮播图

更新时间:2021-06-22 01:07:34

就按代码输入即可就按代码输入即可就按代码输入即可

0