淘宝全屏轮播海报代码

时间：2024-10-17 04:40:37

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

工具/原料

淘宝店铺

步奏

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

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

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

4、<divclass="J_TWidget"dat瞢铍库祢a-widget-co荏鱿胫协nfig="{'effect':'fade','circular':true,'contentCls':'piao1365065449925fu'}"data-widget-type="Tabs"><divclass="piao1365065449925fu"style="height:500px;"><divclass="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;"><divclass="J_TWidget"data-widget-config="{'trigger':'.first1365065449925trigger','align':{'node':'.first1365065449925trigger','offset':[0,0],'points':['cc','cc']}}"data-widget-type="Popup"style="display:none;"><divclass="prev"style="width:90px;height:90px;float:left;"><imgdata-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/113535006/TB2S4eFXVXXXXX6XpXXXXXXXXXX_!!113535006.png"/></div><divclass="next"style="width:90px;height:90px;margin-left:950px;"><imgdata-ks-lazyload="http://img01.taobaocdn.com/imgextra/i1/113535006/TB2Li5HXVXXXXbIXXXXXXXXXXXX_!!113535006.png"/></div></div><divclass="first1365065449925trigger"style="margin:0px;padding:0px;width:1366px;height:500px;overflow:hidden;"><ulclass="slide-kun1365065449925content"style="margin:0px;padding:0px;width:1366px;height:500px;"><listyle="margin:0px;padding:0px;width:1366px;height:500px;list-style-type:none;"><ahref="http://chenruimy.tmall.com/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg"width="1366"/></a></li><listyle="margin:0px;padding:0px;width:1366px;height:500px;list-style-type:none;"><ahref="http://chenruimy.tmall.com/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg"width="1366"/></a></li><listyle="margin:0px;padding:0px;width:1366px;height:500px;list-style-type:none;"><ahref="http://chenruimy.tmall.com/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg"width="1366"/></a></li><listyle="margin:0px;padding:0px;width:1366px;height:500px;list-style-type:none;"><ahref="http://chenruimy.tmall.com/?&&scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"><imgborder="0"data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/113535006/TB2DhCFXVXXXXc8XXXXXXXXXXXX_!!113535006.jpg"height="500"width="1366"/></a></li></ul></div><ulclass="slide-kun1365065449925triggers"style="margin:0px;padding:0px;display:none;"><li> </li><li> </li><li> </li><li> </li></ul></div></div>

淘宝装修该如何布局? 怎样给淘宝新旺铺添加促销栏淘宝如何设置基本店铺信息及子账号和域名等等淘宝如何设置拼团活动淘宝卖家心选怎么设置