全屏的滑动切换首页js

lbc

1234567890

ndwnwy

.header-618{
    width: 1270px;
    height: 555px;
    background-color: red;
    margin: 0 auto;
    background-image: url("https://img14.360buyimg.com/babel/s1057x462_jfs/t1/22783/34/11671/117493/60b45e15E72370a46/332c2099a8ea9a2f.jpg!cc_1057x462.webp");
    background-size: 100%;
    background-repeat:no-repeat;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
}
.header-618-top{
width: 100%;
height: 116px;
}
.header-618-sp1{
    width: 832px;
    height: 364px;
    margin-left: 100px;
}
.header-618-sp1-item{
    width: 158px;
    height: 174px;
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 8px;
}
.header-618-sp1-item:hover>
.header-618-sp1-img1>img{
    opacity: 0.8;
}
.header-618-sp1-item>img{
    width: 100%;
    height: 100%;
    /* text-align: center; */
}
.header-618-sp1-img1>img{
    width: 108px;
    height: 108px;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.header-618-sp1-img3>img{
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 145px;
    /* position: relative; */
    }
.header-618-sp1-img2>span{
    width: 145px;
    position: absolute;
    font-size: 13px;
    font-weight: 800;
    bottom: 28px;
    /* left: 50%;
    transform: translateX(-50%); */
    text-align: center;
    color: #ffff;
}
.header-618-sp1-item>span{
    width: 158px;
    position: absolute;
    bottom: 0px;
    /* left: 50%;
    transform: translateX(-50%); */
    text-align: center;
    font-size: 14px;
    color: #E2583C;
    font-weight: 700;
}
.header-618-sp2{
    width: 158px;
    float: left;
}
.heade-618-sp2-item{
width: 100%;
height: 83px;
margin-left: 50px;
margin-top: 15px;
}
.heade-618-sp2-item>img{
    width: 100%;
    height: 100%;
}
.heade-618-sp2-item:hover>img{
    opacity: 0.9;
}

COOGIE

xxxxxxxxxxxxxxxxxxx

dahai110

屏的滑动切换首页js

rough

还不错哦

Mrong

全屏的滑动切换首页js [

hldwb

感谢分享

qch125

6666666666666666

出鱼

未完成诶我操

chejia

感谢分享。。。。。。