淘寶學堂經(jīng)常收到淘寶掌柜朋友們的問題，發(fā)現(xiàn)很多人都喜歡淘寶圖片輪播，我們在逛論壇的時候也發(fā)現(xiàn)好多網(wǎng)店都運用到了這一點，在這里我們和大家分享一個通用的淘寶圖片輪播代碼——漸變和上下效果代碼，只要是淘寶旺鋪均可使用，該代碼可單獨使用，也可以嵌套在自己的模板中，代碼可以左側自定義、右側自定義、中間自定義模塊。

第一：淘寶輪播代碼漸變效果

<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>

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 淘寶圖片輪播代碼 漸變和上下效果代碼