楼主: chen1110103
打印 上一主题 下一主题

全屏的滑动切换首页js

  [复制链接]

该用户从未签到

0

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
1231#
发表于 2021-6-5 10:12:53 | 只看该作者
1234567890
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
1232#
发表于 2021-6-5 11:15:33 | 只看该作者
.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;
}
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

4

帖子

8

积分

新手上路

Rank: 1

积分
8
1233#
发表于 2021-6-6 15:09:34 | 只看该作者
xxxxxxxxxxxxxxxxxxx
回复 支持 反对

使用道具 举报

  • TA的每日心情
    奋斗
    2021-6-8 09:37
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    18

    帖子

    46

    积分

    新手上路

    Rank: 1

    积分
    46
    1234#
    发表于 2021-6-8 09:42:32 | 只看该作者
    屏的滑动切换首页js
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    15

    积分

    新手上路

    Rank: 1

    积分
    15
    1235#
    发表于 2021-6-9 22:37:40 | 只看该作者
    还不错哦
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    1236#
    发表于 2021-6-10 13:16:16 | 只看该作者
    全屏的滑动切换首页js [
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2021-6-3 23:44
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    6

    帖子

    16

    积分

    新手上路

    Rank: 1

    积分
    16
    1237#
    发表于 2021-6-10 14:18:29 | 只看该作者
    感谢分享
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    1238#
    发表于 2021-6-11 14:43:22 | 只看该作者
    6666666666666666
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2021-8-3 22:21
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    16

    帖子

    43

    积分

    新手上路

    Rank: 1

    积分
    43
    1239#
    发表于 2021-6-14 19:00:12 | 只看该作者
    未完成诶我操
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    1240#
    发表于 2021-6-15 17:52:42 | 只看该作者
    感谢分享。。。。。。
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-24 09:40 , Processed in 0.098268 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表