淘宝全屏轮播海报代码

2025-10-03 23:50:55

1、选择好自己要放在首页的海报(一般两张就可以了)

淘宝全屏轮播海报代码

淘宝全屏轮播海报代码

2、把要上传到首页的海报上传到图片空间

3、在淘宝首页添加一个自定义模块,点击源码编辑模式,复制下面的代码

4、<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs">

<div class="piao1365065449925fu" style="height: 500px;">

<div class="J_TWidget" data-widget-config="{&#13;&#10;            'contentCls': 'slide-kun1365065449925content',&#13;&#10;            'triggerCls': 'slide-kun1365065449925triggers',&#13;&#10;            'navCls': 'slide-kun1365065449925triggers',&#13;&#10;            'triggerType': 'mouse',&#13;&#10;            'effect': 'scrollx',&#13;&#10;&#9;&#9;&#9;'prevBtnCls':'prev',&#13;&#10;&#9;&#9;&#9;'nextBtnCls':'next',&#13;&#10;            'steps': 1,&#13;&#10;            'autoplay': true,&#13;&#10;&#9;&#9;&#9;'viewSize':[1366],&#13;&#10;            'circular': true&#13;&#10;        }" data-widget-type="Carousel" style="margin: 0px; padding: 0px; left: -180px; top: 0px; width: 1366px; z-index: 10;">

<div class="J_TWidget" data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none;">

<div class="prev" style="width: 90px; height: 90px; float: left;">

<img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/113535006/TB2S4eFXVXXXXX6XpXXXXXXXXXX_!!113535006.png" /></div>

<div class="next" style="width: 90px; height: 90px; margin-left: 950px;">

<img data-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/113535006/TB2Li5HXVXXXXbIXXXXXXXXXXXX_!!113535006.png" /></div>

</div>

<div class="first1365065449925trigger" style="margin: 0px; padding: 0px; width: 1366px; height: 500px; overflow: hidden;">

<ul class="slide-kun1365065449925content" style="margin: 0px; padding: 0px; width: 1366px; height: 500px;">

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg

<li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;">

<a href="http://chenruimy.tmall.com/?&amp;&amp;scene=taobao_shop" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg" height="500

</ul>

</div>

<ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;">

<li>

&nbsp;</li>

<li>

&nbsp;</li>

<li>

&nbsp;</li>

<li>

&nbsp;</li>

</ul>

</div>

</div>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢