淘宝基础版全屏轮播代码淘宝店铺全屏轮播代码

全屏轮播在店铺装修的首屏位置一直没有被撼动。形形色色的首页，预览你会发现轮播的影子无处不在。不管是全屏，或者小尺寸，轮播在的位置是非常抢眼的也是非常重要的！今天给大家带来淘宝店铺装修之全屏轮播代码解析！

文章插图
Part.1 轮播尺寸1920*？
显示器分辨率普遍在1920*1080p的当下。由于淘宝不支持全屏代码的自适应（淘宝天猫都屏蔽width:100%；）；所以首页的宽度自然而然选择1920px的宽度！至于高度而言单屏1080px的高度。轮播高度的选择就根据个人喜好而定。主要考虑的一些因素：淘宝官方标题的115px高度+店招150px高度+不同浏览器的标签标题工具栏高度不统一。因此轮播高度建议：450px-700px 。下面我们以650px高度举例！
Part.2 1920全屏轮播代码（淘宝店铺基础版）轮播尺寸：1920px*650px | 轮播数量：3张。淘宝店铺基础版代码如下：
<div style="height:640px;">
<div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:1920px;height:650px;border:0;padding:0;right:auto;z-index:1;top:auto;left:50%;">
<div class="footer-more-trigger mallNav-others sn-simple-logo" style="width:1920px;height:650px;border:0;padding:0;right:auto;z-index:1;top:auto;left:-1060px;">
<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{\'nextBtnCls\':\'next1\',\'duration\':1,\'activeTriggerCls\':\'hidden\',\'easing\':\'easeOutStrong\',\'effect\':\'scrollx\',\'interval\':4,\'navCls\':\'nav_pixel1\',\'contentCls\':\'content_pixel2\',\'prevBtnCls\':\'prev1\',\'autoplay\':true}" style="height:650px;overflow:hidden;position:relative;">
<ul class="content_pixel2"><li style="width:1920px;height:650px;display:block;float:left;">
<a target="_blank" href="https://www.baikexueshe.com/s/#" style="width:1920px;height:650px;display:block;background-image:url(https://img.alicdn.com/imgextra/i4/860326432/TB2LLB5p.lnpuFjSZFjXXXTaVXa_!!860326432.jpg);"> </a></li>
<li style="width:1920px;height:650px;display:block;float:left;">
<a target="_blank" href="https://www.baikexueshe.com/s/#" style="width:1920px;height:650px;display:block;background-image:url(https://img.alicdn.com/imgextra/i4/860326432/TB2yLFKpYBnpuFjSZFGXXX51pXa_!!860326432.jpg);"> </a></li>
<li style="width:1920px;height:650px;display:block;float:left;">
<a target="_blank" href="https://www.baikexueshe.com/s/#" style="width:1920px;height:650px;display:block;background-image:url(https://img.alicdn.com/imgextra/i2/860326432/TB2DUSgp5lnpuFjSZFgXXbi7FXa_!!860326432.jpg);"> </a></li></ul>
<ul class="footer-more-trigger mallNav-others sn-simple-logo" style="width:100%;height:20px;z-index:98;padding:0;border:0;right:auto;top:auto;left:auto;margin-left:700px;bottom:18px;">
<li style="width:180px;height:30px;background-color:#5B5B5B;display:block;float:left;cursor:pointer;margin-right:0px;font-size:12px;color:#FFF;line-height:30px;text-align:center;opacity:0.95;">轻便缓震跑鞋</li>
<li style="width:180px;height:30px;background-color:#5B5B5B;display:block;float:left;cursor:pointer;margin-right:0px;font-size:12px;color:#FFF;line-height:30px;text-align:center;opacity:0.95;">透气缓震跑鞋</li>
<li style="width:180px;height:30px;background-color:#5B5B5B;display:block;float:left;cursor:pointer;margin-right:0px;font-size:12px;color:#FFF;line-height:30px;text-align:center;opacity:0.95;"> 透气缓震跑鞋</li></ul>
<ul class="footer-more-trigger mallNav-others sn-simple-logo nav_pixel1" style="width:100%;height:20px;right:auto;z-index:99;padding:0;border:0;top:auto;left:auto;margin-left:700px;bottom:18px;">

特别声明：本站内容均来自网友提供或互联网，仅供参考，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

淘宝基础版全屏轮播代码 淘宝店铺全屏轮播代码

淘宝基础版全屏轮播代码淘宝店铺全屏轮播代码