.psr {
position:relative;
}
.psa {
position:absolute;
}
.fx {
display:flex;
}
li {
list-style-type:none;
}
.banner {
width:100%;
min-width:1170px;
height:500px;
position:relative;
}
.banbox {
position:absolute;
top:34px;
left:50%;
transform:translate(-50%);
z-index:1;
height:476px;
overflow:hidden;
box-shadow:0 1px 3px rgba(167,167,167,.4);
border:10px solid rgba(255,255,255,0.8);
border-bottom:none;
}
.ban {
width:1146px;
overflow:hidden;
height:400px;
}
.ban li {
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
}
.banbox img {
width:1186px;
height:400px;
}
.banbox ol li {
width:229px;
font-size:12px;
text-align:center;
cursor:pointer;
height:40px;
line-height:40px;
color:#666;
}
.banbox ol {
justify-content:center;
line-height:40px;
color:#ccc;
}
.banbox ol .active {
border-bottom:4px solid #df147f;
color:#000;
}
.banbox span {
width:33px;
height:66px;
line-height:66px;
font-family:cursive;
color:rgba(f,f,f,.8);
opacity:.5;
background:rgba(0,0,0,.5);
border-radius:2px;
top:50%;
margin-top:-53px;
z-index:5;
user-select:none;
text-align:center;
font-size:24px;
cursor:pointer;
}
.leftbtn {
left:-33px;
}
.rightbtn {
right:-33px;
}
.banbox span:hover {
background:rgba(0,0,0,.8);
color:#fff;
}
更新时间:2020-11-05 20:56:52
可以在jquery中自定义时间,透明度变化