淘宝店铺全屏轮播模版代码免费下载

淘宝店铺全屏轮播模版代码：（在代码区点击右键选择“全选”，再点击右键“复制”）

 

<div class="main" style="background:#FFF;height:600px;"> <div class="footer-more-trigger" style="padding:0px;border:0;top:auto;width:1920px;height:600px;z-index:99;left:50%;"> <div class="footer-more-trigger" style="padding:0px;border:0;top:auto;width:1920px;height:600px;z-index:99;left:-50%;"> <div class="footer-more-trigger" style="left:0;top:auto;padding:0px;border:0;width:1920px;height:600px;"> <div class="J_TWidget" data-widget-config="{ 'contentCls': 'slide-kun533601433content', 'triggerCls': 'slide-kun533601433triggers', 'navCls': 'slide-kun533601433triggers', 'triggerType': 'mouse', 'effect': 'scrollx', 'easing': 'backOut', 'prevBtnCls':'prev', 'nextBtnCls':'next', 'steps': 1, 'autoplay': true, 'duration': 1, 'viewSize':[1920], 'interval':5, 'circular': true }" data-widget-type="Carousel" style="z-index:10;top:0px;padding:0px;margin:0px;width:1920px;"> <div class="J_TWidget footer-more-trigger" data-widget-config="{'trigger':'.first533601433trigger','align':{'node':'.first533601433trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="left:0px;padding:0px;width:1920px;border:0px none;display:block;z-index:9999;top:255px;visibility:hidden;"> <div class="prev" style="width:90px;float:left;cursor:pointer;margin-left:465px;height:90px;"> <img class='lazyload' src='/images/noimg.jpg' data-original="http://www.amaomb.com/uploads/allimg/140108/1_2032326642.png" /></div> <div class="next" style="width:90px;height:90px;float:right;cursor:pointer;margin-right:465px;"> <img class='lazyload' src='/images/noimg.jpg' data-original="http://www.amaomb.com/uploads/allimg/140108/1_2032324531.png" /></div> </div> <div class="first533601433trigger" style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;position:relative;"> <ul class="slide-kun533601433content" style="height:600px;width:3840px;padding:0px;margin:0px;"> <li style="width:1920px;height:600px;padding:0px;margin:0px;list-style-type:none;display:block;float:left;"> <a href="图片连接地址" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="600px" class='lazyload' src='/images/noimg.jpg' data-original="图片地址" width="1920px" /> </a></li> <li style="width:1920px;height:600px;padding:0px;margin:0px;list-style-type:none;display:block;float:left;"> <a href="图片连接地址" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="600px" class='lazyload' src='/images/noimg.jpg' data-original="图片地址" width="1920px" /> </a></li> </ul> </div> <ul class="slide-kun533601433triggers" style="padding:0px;margin:0px;display:none;"> <li class="ks-active"> &nbsp;</li> <li> &nbsp;</li> </ul> </div> </div> </div> </div> </div>

 

使用说明：

模版代码安装前，请先自行设计2张海报图，尺寸为：1920*600像素！然后把图片上传到你的淘宝店铺图片空间并获取图片地址！然后将模版代码中的“图片地址”和“图片连接地址”替换好之后，再复制代码后利用图片搬家功能将代码转换一下，最后安装到你的店铺中！如下图所示：