2.淘宝店铺轮播图装修方法代码

<!---
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.淘宝店铺轮播图装修方法代码分享到此就结束了，感谢您的阅读。