小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端开发工作者,从事过网站建设、网络推广、SEO、SEM、信息流推广、二类电商、网络运维、软件开发,等相关电商工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:mzze@163.com

Q Q:32362389

W X:xiaomi168527

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:97157726@qq.com

Q Q:97157726

标签云
精品推荐
您的位置:首页 > 个人随笔 > 专业技能

淘宝基础版头部导航设置全屏的方法

分类: 专业技能78个赞


div.skin - box - bd {
    position: relative;top: -120 px;left: -500 px;width: 1920 px;height: 30 px;padding - top: 120 px;line - height: 150 px;background: #1D0E09 url(你的全屏图片链接);padding-left:500px;}.skin-box-bd .menu-list{background:none repeat scroll 0 0 # 6 AA532;
}.skin - box - bd.menu - list.link {
    background: none repeat scroll 0 0 #6AA532;}.all-cats .link{background:none repeat scroll 0 0 # 6 AA532;
}.menu - list.menu - hover.link.title {
    color: #FFFFFF;
}.menu - list.menu - hover.link {
    background: #6AA532;}.popup-content{background:# 162 D59;opacity: 0.9;
}.popup - content.cats - tree.snd - pop - inner {
    background: #2E4473;}.skin-box-bd{background:# 6 AA532;
}.skin - box - bd.menu - list.menu - selected.link {
    background: #6AA532;}.skin-box-bd .menu-list .menu-selected .link .title{background:# 6 AA532;
}


淘宝基础班默认是980的导航,看着不大气,如果想要设置全屏导航不开通旺铺版本也是有办法的


复制以上CSS到头部导航,把你的全屏图片链接换成自己的图片链接即可,如下图

步骤:

blob.png

效果:

blob.png

候补:2022.10.16

装修选择自定义内容区:

把代码中 您的链接和您的图片地址替换成自己的即可成功实现全屏展现

<div style="height:1082px;">
    <div class="footer-more-trigger" style="left:50%;top:auto;border:0;padding:0;">
        <div class="footer-more-trigger" style="left:-960px;top:auto;border:0;padding:0;">
            <a href="您的链接" target="_blank" style="width:1920px;height:1082px;display:block;">
                <img src="您的图片地址" width="1920px" height="1082px" border="0" />
            </a>
        </div>
    </div>
</div>


首页百叶窗轮播图

<div data-title="小米" class="vc2018" data-title="小米" style="height:1082px;">
    <div data-title="小米" class="footer-more-trigger" style="left:auto;right:auto;width:950px;height:1082px;top:auto;padding:0;border:none;z-index:1;background:none;">
        <div class="footer-more-trigger" style="left:-485px;top:0px;height:1082px;width:1920px;border:none;padding:0;background:none;">
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:0px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:0px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:0px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-120px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-120px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-120px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-240px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-240px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-240px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-360px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-360px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-360px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-480px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-480px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-480px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-600px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-600px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-600px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-720px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-720px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-720px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-840px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-840px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-840px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-960px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-960px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-960px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1080px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1080px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1080px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1200px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1200px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1200px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1320px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1320px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1320px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1440px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1440px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1440px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1560px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1560px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1560px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1680px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1680px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1680px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
            <div style="position:relative;width:120px;display:block;float:left;height:1082px;overflow:hidden;background-color:transparent;">
                <div class="slider-promo J_TWidget" data-widget-config="{&quot;hasTriggers&quot;:false,&quot;contentCls&quot;: &quot;vba2013-taobao-com&quot;,&quot;navCls&quot;: &quot;dms&quot;,&quot;duration&quot;:1,&quot;interval&quot;:6,&quot;autoplay&quot;:true,&quot;triggerType&quot;:&quot;mouse&quot;,&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;easeBoth&quot;,&quot;autoplay&quot;: true,&quot;pauseOnHover&quot;:false}" data-widget-type="Slide" style="height:1082px;position:relative;">
                    <ul class="vba2013-taobao-com" style="width:120px; height:1082px;">
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1800px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1800px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                        <li style="background-image: url(https://img.alicdn.com/imgextra/i2/1120870168/TB2o2N7sFXXXXb1XXXXXXXXXXXX-1120870168.jpg);width:120px; display: block; height:1082px; background-position:-1800px 0px;"> <a href="这里放链接" style="width:120px;;display:block;height:1082px;" target="_blank"></a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


小米技术社区

本站内容均为小米原创,转载请注明出处:小米技术社区>> 淘宝基础版头部导航设置全屏的方法