淘宝全屏轮播海报代码

时间：2024-10-13 07:01:43

我们看到很多淘宝店的首页海报都是全屏的，这种海报是怎么做出来的呢？下面让我们一起来看看吧！

工具/原料

淘宝店铺

步奏

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

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

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

4、<div class="J_TWidget" data-widget-co荏鱿胫协nfig="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs"><div class="piao1365065449925fu" style="height: 500px;"><div class="J_TWidget" data-widget-config="{
 'contentCls': 'slide-kun1365065449925content',
 'triggerCls': 'slide-kun1365065449925triggers',
 'navCls': 'slide-kun1365065449925triggers',
 'triggerType': 'mouse',
 'effect': 'scrollx',
			'prevBtnCls':'prev',
			'nextBtnCls':'next',
 'steps': 1,
 'autoplay': true,
			'viewSize':[1366],
 'circular': true
 }" 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/?&&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" width="1366" /></a></li><li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;"><a href="http://chenruimy.tmall.com/?&&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" width="1366" /></a></li><li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;"><a href="http://chenruimy.tmall.com/?&&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" width="1366" /></a></li><li style="margin: 0px; padding: 0px; width: 1366px; height: 500px; list-style-type: none;"><a href="http://chenruimy.tmall.com/?&&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" width="1366" /></a></li></ul></div><ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;"><li> </li><li> </li><li> </li><li> </li></ul></div></div>