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