分享:淘宝全屏轮播代码最新版

a35970989_606_606

给大家分享一个最新全屏轮播,今天从别人那里拷贝出来一个最新可用的全屏轮播代码,经测试,此代码可适用于淘宝新旺铺专业版。由于暂没其他商城店等其他店铺,所有其他店铺类型请自测。
代码和之前用法一样,在导航栏下新建自定义页面,切换带代码模式,把下面代码放进去,预览一下,是不是很帅气,你需要做的就是把代码中的图片换成你的图片链接就可以了,需要替换的图片地址在第17、20、23、26行这个是大图地址,下面第37、40、43、46行为小图预览图,也需要替换,全部搞定之后下一步也是最重要的一步,去向朋友炫耀你的店铺首页吧。

有图有真相,上全屏轮播代码预览效果图是必须的

</pre>
<div class="J_TWidget" style="height: 595px; overflow: hidden;" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'tanchudiv'}" data-widget-type="Tabs">
<div class="tanchudiv" style="height: 600px; background-color: #cccccc;">
<div class="footer-more-trigger" style="width: 1920px; height: 590px; top: auto; padding: 0px; border: none; left: 50%;">
<div class="footer-more-trigger" style="width: 1920px; height: 510px; padding: 0px; border: none; left: -50%;">
<div class="J_TWidget" data-widget-config="{'contentCls': 'taobao-kaidian-com','navCls': 'taobaokaidian-com','effect': 'scrollx','easing': 'elasticOut','RevealTrans': 'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel">
<div class="J_TWidget" style="display: none;" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup">
<div class="prev" style="width: 50px; float: left; height: 50px;"><img alt="" src="http://www.5oc.cn/DbHVT2G4/E7Lli.jpg" width="50" height="50" /></div>
<div class="next" style="width: 50px; height: 50px; margin-left: 1050px;"><img alt="" src="http://www.5oc.cn/DbHVSIs2/nfRA8.jpg" width="50" height="50" /></div>
</div>
<div class="ux1920" style="height: 510px; width: 1920px; overflow: hidden; padding: 0px; margin: 0px;">
<ul class="taobao-kaidian-com" style="height: 510px; width: 1920px; padding: 0px; margin: 0px;">
<ul class="taobao-kaidian-com" style="height: 510px; width: 1920px; padding: 0px; margin: 0px;">
	<li style="width: 1920px; height: 510px; padding: 0px; margin: 0px;"><a style="padding: 0px; margin: 0px;" href="#" target="_blank"><img alt="" src="http://www.5oc.cn/DbHVSMok/mIEZ6.jpg" width="1920px" height="510px" border="0px" /></a></li>
</ul>
</ul>
<ul>
	<li style="width: 1920px; height: 510px; padding: 0px; margin: 0px;"><a style="padding: 0px; margin: 0px;" href="#" target="_blank"><img alt="" src="http://www.5oc.cn/DbHVSMWE/mBPzl.jpg" width="1920px" height="510px" border="0px" /></a></li>
</ul>
<ul>
	<li style="width: 1920px; height: 510px; padding: 0px; margin: 0px;"><a style="padding: 0px; margin: 0px;" href="#" target="_blank"><img alt="" src="http://www.5oc.cn/DbHVShk3/htoOx.jpg" width="1920px" height="510px" border="0px" /></a></li>
</ul>
<ul>
	<li style="width: 1920px; height: 510px; padding: 0px; margin: 0px;"><a style="padding: 0px; margin: 0px;" href="#" target="_blank"><img alt="" src="http://www.5oc.cn/DbHVShSR/KGj6p.jpg" width="1920px" height="510px" border="0px" /></a></li>
</ul>
<ul>
	<li style="width: 1920px; height: 510px; padding: 0px; margin: 0px;"><a style="padding: 0px; margin: 0px;" href="#" target="_blank"><img alt="" src="http://www.5oc.cn/DbHVRVks/LCLiq.jpg" width="1920px" height="510px" border="0px" /></a></li>
</ul>
</div>
<div class="footer-more-trigger" style="padding: 0px; border: none; left: 50%;">
<div class="footer-more-trigger" style="width: 1920px; height: 90px; padding: 0px; border: none; left: -960px; background: url('http://www.5oc.cn/Dhfefkrf/NImwk.png') repeat; top: 515px;">
<ul class="taobaokaidian-com" style="width: 950px; height: 60px; margin: 0 auto; text-align: center; border: none;">
<ul class="taobaokaidian-com" style="width: 950px; height: 60px; margin: 0 auto; text-align: center; border: none;">
	<li style="display: inline; margin: 0 2px; cursor: pointer; line-height: 60px;"><img style="vertical-align: middle; margin: 5px 0; border: solid 1px #C3AE91;" alt="" src="http://www.5oc.cn/DbHVSMok/mIEZ6.jpg" width="183px" height="78px" border="0px" /></li>
</ul>
</ul>
<ul>
	<li style="display: inline; margin: 0 2px; cursor: pointer; line-height: 50px;"><img style="vertical-align: middle; margin: 5px 0; border: solid 1px #C3AE91;" alt="" src="http://www.5oc.cn/DbHVSMWE/mBPzl.jpg" width="183px" height="78px" border="0px" /></li>
</ul>
<ul>
	<li style="display: inline; margin: 0 2px; cursor: pointer; line-height: 50px;"><img style="vertical-align: middle; margin: 5px 0; border: solid 1px #C3AE91;" alt="" src="http://www.5oc.cn/DbHVShk3/htoOx.jpg" width="183px" height="78px" border="0px" /></li>
</ul>
<ul>
	<li style="display: inline; margin: 0 2px; cursor: pointer; line-height: 50px;"><img style="vertical-align: middle; margin: 5px 0; border: solid 1px #C3AE91;" alt="" src="http://www.5oc.cn/DbHVShSR/KGj6p.jpg" width="183px" height="78px" border="0px" /></li>
</ul>
<ul>
	<li style="display: inline; margin: 0 2px; cursor: pointer; line-height: 50px;"><img style="vertical-align: middle; margin: 5px 0; border: solid 1px #C3AE91;" alt="" src="http://www.5oc.cn/DbHVRVks/LCLiq.jpg" width="183px" height="78px" border="0px" /></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<pre>

最新淘宝全屏轮播代码下载:百度下载

欢迎加入淘宝交流QQ群号:178992083
直接点击进群链接地址:http://url.cn/PWJJHb



发表评论

电子邮件地址不会被公开。 必填项已用*标注

文章导航

无觅相关文章插件,快速提升流量

返回顶部