很多人都喜歡淘寶圖片輪播，我們在逛論壇的時候也發現好多網店都運用到了這一點。在這里淘寶學堂和大家分享一個通用的淘寶圖片輪播代碼。只要是淘寶旺鋪均可使用。該代碼可單獨使用，也可以嵌套在自己的模板中。代碼可以左側自定義、右側自定義、中間自定義模塊，代碼如下：
————
————
第一：淘寶輪播代碼漸變效果
<DIV style="WIDTH: 200px; HEIGHT: 60px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade">
<ul class=lst-main>
<li><A style="WIDTH: 200px; HEIGHT: 60px" href="商品鏈接地址" target=_blank><img alt="" src="圖片地址"></A></li><li><A style="WIDTH: 200px; HEIGHT: 60px" href="商品鏈接地址" target=_blank><img alt="" src="圖片地址"></A></li></ul></DIV>
格式：
<DIV style="WIDTH: 寬度px; HEIGHT: 高度px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade">
<ul class=lst-main>
<li><A style="WIDTH: 圖片寬度px; HEIGHT: 圖片高度px" href="商品連接地址" target=_blank><img alt="" src="圖片地址"></A></li>
<li><A style="WIDTH: 圖片寬度px; HEIGHT: 圖片高度px" href="商品連接地址" target=_blank><img alt="" src="圖片地址"></A></li>
</ul></DIV>
————
————
第二：淘寶圖片輪播展示上下變換效果代碼
<DIV style="WIDTH: 200px; HEIGHT: 60px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll">
<ul class=lst-main>
<li><A style="WIDTH: 200px; HEIGHT: 60px" href="商品鏈接地址" target=_blank><img alt="" src="圖片地址"></A></li><li><A style="WIDTH: 200px; HEIGHT: 60px" href="商品鏈接地址" target=_blank><img alt="" src="圖片地址"></A></li></ul></DIV>
格式：
<DIV style="WIDTH: 寬度px; HEIGHT: 高度px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll">
<ul class=lst-main>
<li><A style="WIDTH: 圖片寬度px; HEIGHT: 圖片高度px" href="商品連接地址" target=_blank><img alt="" src="圖片地址"></A></li>
<li><A style="WIDTH: 圖片寬度px; HEIGHT: 圖片高度px" href="商品連接地址" target=_blank><img alt="" src="圖片地址"></A></li>
</ul></DIV>
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 淘寶圖片輪播代碼 漸變、上下效果代碼
