图片宽度任意,高度任意,轮播速度任意设置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
* {
margin: 0;
padding: 0;
text-decoration: none;
color: #333;
}
#container {
width: 720px;
height: 500px;
overflow: hidden;
position: relative;
}
#list {
overflow: hidden;
position: absolute;
}
#list a {
overflow: hidden;
display: block;
float: left;
}
#list img {
width: 720px;
height: 500px;
float: left;
}
#spanlist {
position: absolute;
z-index: 999;
bottom: 15px;
left: 50%;
padding: 5px 10px;
background: rgba(255, 255, 255, 0.2);
border-radius: 10px;
}
#spanlist span:last-child{
margin-right: 0px;
}
.span {
width: 10px;