banner03 {
width:100%;
}
.banner03_content {
height:650px;
position:relative;
overflow:hidden;
}
.banner03_content ul {
width:999999px;
position:absolute;
top:0;
left:0;
}
.banner03_content ul li {
width:1920px;
height:650px;
float:left;
}
.banner03_content ul li img {
width:100%;
}
#banner03_index {
width:100%;
position:absolute;
left:0;
text-align:center;
height:5px;
bottom:5%;
}
#banner03_index i {
display:inline-block;
width:100px;
height:10px;
border-radius:5px;
margin:0 10px;
background:rgba(255,255,255,.2);
}
.banner03_content span {
opacity:.2;
}
#banner03_left {
left:5%;
transform:rotate(180deg);
}
#banner03_right {
right:5%;
}
.banner03_content span:hover {
opacity:1;
}
.banner03_content span {
dp-b br-50 pt-a p-t-50 ts-5s cs-p
display:block;
border-radius:50%;
position:absolute;
top:50%;
cursor:pointer;
-webkit-transition:.5s all;
transition:.5s all;
width:58px;
height:58px;
margin-top:-29px;
background:url(images/right.png) no-repeat center;
}
更新时间:2021-09-22 09:07:06
调用方式
bannerpro({
positions: $ele, 定位容器
boxs: $ele, 移动容器
sign: $ele, 当前图标容器
leftclick: $ele, 左点击元素
rightclick: $ele 右点击元素
heights: boolean 固定高度 true, 自适应高度 false
direction: "left" 滚动方向 "left" or "top"
transitiontime: 600 滚动时间
stoptime: 4000 过渡时间
odstyle: 当前图标默认样式
newstyle: 当前图标高亮样式
})