7b2美化-首页添加五格幻灯片

7b2美化-首页添加五格幻灯片


7b2美化-首页添加五格幻灯片

附件放到网站根目录

代码放入后台-模块管理-自定义

<div id="home-row-pchd01" class=" mobile-hidden home_row home_row_0  module-sliders  " style="background-color:;">
                    <div class="wrapper"><div class="home-row-left content-area "><div class="slider-5 slider-5-pchd01  slider-show-title" style="width:1300px;max-width:100%">
        <style>
        .slider-5-pchd01 .slider-5-bottom .slider-in:nth-child(1),.slider-5-pchd01 .slider-5-bottom .slider-in:nth-child(2){
            margin-bottom:16px;
        }
        .slider-5-pchd01 .slider-5-bottom .slider-height{
            margin-right:16px;
        }
        .slider-5-pchd01 .slider-5-bottom{
            margin-right:-16px;
        }
        </style>
        <div class="slider-in-out" style="width:40%;margin-right:16px;"><div class="slider-in-out-row" style="height:100%;width:100%;"><div class="slider-in carousel b2-radius box" data-flickity='{"wrapAround":true,"fullscreen":true,"autoPlay":4000,"imagesLoaded":true,"prevNextButtons":false,"pageDots":true}' style="width:100%">
            <div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
                <div class="slider-info b2-radius">
                    <a class="link-block"   href="#"></a>
                    <picture class="picture" ><source type="image/webp" srcset="/img/000502-163474590227b0.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/000502-163474590227b0.jpg"   alt="" src="/img/000502-163474590227b0.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                </div>
            </div>
            <div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
                <div class="slider-info b2-radius">
                    <a class="link-block"   href="#"></a>
                    <picture class="picture" ><source type="image/webp" srcset="/img/000621-1653062781f91a.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/000621-1653062781f91a.jpg"   alt="" src="/img/000621-1653062781f91a.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                </div>
            </div>
            <div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
                <div class="slider-info b2-radius">
                    <a class="link-block"   href="#"></a>
                    <picture class="picture" ><source type="image/webp" srcset="/img/000959-1646928599ff3e.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/000959-1646928599ff3e.jpg"   alt="" src="/img/000959-1646928599ff3e.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                </div>
            </div>
            <div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
                <div class="slider-info b2-radius">
                    <a class="link-block"   href="#"></a>
                    <picture class="picture" ><source type="image/webp" srcset="/img/003313-1656520393f521.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/003313-1656520393f521.jpg"   alt="" src="/img/003313-1656520393f521.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                </div>
            </div>
            <div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
                <div class="slider-info b2-radius">
                    <a class="link-block"   href="#"></a>
                    <picture class="picture" ><source type="image/webp" srcset="/img/005035-16563486356f3b.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/005035-16563486356f3b.jpg"   alt="" src="/img/005035-16563486356f3b.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                </div>
            </div>
            <div class="slider-5-carousel slider-height" style="max-width:100%;height:100%">
                <div class="slider-info b2-radius">
                    <a class="link-block"   href="#"></a>
                    <picture class="picture" ><source type="image/webp" srcset="/img/191616-16539093763995.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/191616-16539093763995.jpg"   alt="" src="/img/191616-16539093763995.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                </div>
            </div></div></div></div><div class="slider-5-bottom" style="width:60%">
            <div class="slider-in b2-radius">
                <div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
                    <div class="slider-info b2-radius box">
                        <a class="link-block"   href="#"></a>
                        <picture class="picture" ><source type="image/webp" srcset="/img/192318-16539097980909.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/192318-16539097980909.jpg"   alt="" src="/img/192318-16539097980909.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                    </div>
                </div>
            </div>
            <div class="slider-in b2-radius">
                <div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
                    <div class="slider-info b2-radius box">
                        <a class="link-block"   href="#"></a>
                        <picture class="picture" ><source type="image/webp" srcset="/img/194126-163058288634e8.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/194126-163058288634e8.jpg"   alt="" src="/img/194126-163058288634e8.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                    </div>
                </div>
            </div>
            <div class="slider-in b2-radius">
                <div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
                    <div class="slider-info b2-radius box">
                        <a class="link-block"   href="#"></a>
                        <picture class="picture" ><source type="image/webp" srcset="/img/230659-16152160192faf.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/230659-16152160192faf.jpg"   alt="" src="/img/230659-16152160192faf.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                    </div>
                </div>
            </div>
            <div class="slider-in b2-radius">
                <div class="slider-5-right-item slider-height" style="height:0;padding-top:44.871795%">
                    <div class="slider-info b2-radius box">
                        <a class="link-block"   href="#"></a>
                        <picture class="picture" ><source type="image/webp" srcset="/img/230930-1604502570e6f5.jpg" /><img  class="slider-img b2-radius lazy" data-src="/img/230930-1604502570e6f5.jpg"   alt="" src="/img/230930-1604502570e6f5.jpg"/></picture><div class="slider-info-box">

            <h2></h2>

        </div>
                    </div>
                </div>
            </div></div></div></div></div></div>

原文链接:小狐狸资源网
若下载地址失效请在下方留言或联系客服

下载权限
查看
  • K
    免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服

给TA打赏
共{{data.count}}人
人已打赏
7b2

7b2美化-创建留言板页面

2022-8-12 22:04:49

7b2

7b2美化-鼠标悬停导航菜单翻转特效

2022-8-14 22:17:44

2 条回复 A文章作者 M管理员
  1. 大海

    666666666666

  2. Stubborn

    66666666666

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索