<!---
1.淘宝店铺轮播图装修方法https://www.yymoban.com/tool/qp2/
1.准备图片1920*500(宽为固定值1920,高度可以修改),将图片上传淘宝图片中心;
2.加入代码
--->
<div class="J_TWidget" data-widget-config="{'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:500px;overflow:hidden;">
<div class="taobaoux" style="height:500px;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:500px;top:auto;padding:0;border:0;left:50%;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:500px;padding:0;border:0;left:-50%;top:0;">
<div data-widget-config="{'contentCls': 'taobaoux-com','navCls':'bbs-taobaoux-com','effect':'scrollx','easing':'easeBothStrong','prevBtnCls':'prev','nextBtnCls':'next','autoplay':true,'duration':1,'interval':4,'viewSize':[1920],'circular':true}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget" data-widget-config="{'trigger':'.uxux','align':{'node':'.uxux','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="prev" style="cursor:pointer;">
<img src="undefined" width="30" />
</div>
</div>
<div class="J_TWidget" data-widget-config="{'trigger':'.uxux','align':{'node':'.uxux','offset':[500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="next" style="cursor:pointer;">
<img src="undefined" width="30" />
</div>
</div>
<div style="height:500px;width:1920px;overflow:hidden;padding:0;margin:0;" class="uxux">
<!-- 轮播图片-->
<ul class="taobaoux-com" style="height:500px;width:1920px;padding:0;margin:0;">
<li style="width:1920px;height:500px;padding:0;margin:0;"><a target="_blank" href="https://store.taobao.com/shop/view_shop.htm?spm=a211vu.server-web-home.category.d703.64f02d58rdPxZ1&mytmenu=mdianpu&user_number_id=2336009371" style="padding:0;margin:0;"><img src="https://img.alicdn.com/imgextra/i3/2336009371/O1CN01rarW7I2J5y7R9lWWv_!!2336009371.jpg" width="1920px" height="500px" border="0px"/></a></li>
<li style="width:1920px;height:500px;padding:0;margin:0;"><a target="_blank" href="https://store.taobao.com/shop/view_shop.htm?spm=a211vu.server-web-home.category.d703.64f02d58rdPxZ1&mytmenu=mdianpu&user_number_id=2336009371" style="padding:0;margin:0;"><img src="https://img.alicdn.com/imgextra/i1/2336009371/O1CN01M49DQ92J5y7KWjGb8_!!2336009371.jpg" width="1920px" height="500px" border="0px"/></a></li>
<li style="width:1920px;height:500px;padding:0;margin:0;"><a target="_blank" href="https://store.taobao.com/shop/view_shop.htm?spm=a211vu.server-web-home.category.d703.64f02d58rdPxZ1&mytmenu=mdianpu&user_number_id=2336009371" style="padding:0;margin:0;"><img src="https://img.alicdn.com/imgextra/i4/2336009371/O1CN01Lv5YfX2J5y7Pp2BBV_!!2336009371.jpg" width="1920px" height="500px" border="0px"/></a></li>
</ul>
</div>
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:50px;padding:0;border:0;z-index:99;left:50%;">
<div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:50px;padding:0;border:0;left:-50%;top:445px;">
<!--缩略图-->
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;"><img src="https://img.alicdn.com/imgextra/i3/2336009371/O1CN01rarW7I2J5y7R9lWWv_!!2336009371.jpg" style="width:192px; border: 0; height:50px;"/></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;"><img src="https://img.alicdn.com/imgextra/i1/2336009371/O1CN01M49DQ92J5y7KWjGb8_!!2336009371.jpg" style="width:192px; border: 0; height:50px;"/></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;"><img src="https://img.alicdn.com/imgextra/i4/2336009371/O1CN01Lv5YfX2J5y7Pp2BBV_!!2336009371.jpg" style="width:192px; border: 0; height:50px;"/></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="ks-switchable-nav" style="display:none;"></ul>
</div>
今天的文章2.淘宝店铺轮播图装修方法代码分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/8927.html