<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
*{
padding: 0px;
margin: 0px;
}
/* 轮播图 */
.banner-box{
width: 1200px;
height: 389px;
margin: 0px auto;
overflow: hidden;
}
.pics-list{
width: 6000px;
}
.pics-list li{
width: 1200px;
height: 389px;
float: left;
list-style: none;
}
/* 轮播点 */
.divspan{
width: 300px;
height: 20px;
position: absolute;
left: 45%;
top: 340px;
}
.divspan span{
width: 20px;
height: 20px;
border: 2px solid white;
border-radius: 50%;
display: inline-block;
position: relative;
margin: 0px 5px;
}
/* .divspan span:hover{
background: white;
} */
.active{
background: white;
}
/* 箭头效果 */
jquery---实现轮播效果--自动轮播/左右箭头点击轮播/点击轮播点轮播
最新推荐文章于 2021-10-21 10:41:16 发布