很多人都喜歡淘寶圖片輪播，我們?cè)诠湔搲臅r(shí)候也發(fā)現(xiàn)好多網(wǎng)店都運(yùn)用到了這一點(diǎn)，在這里淘寶學(xué)堂和大家分享一個(gè)通用的淘寶圖片輪播代碼，只要是淘寶旺鋪均可使用，該代碼可單獨(dú)使用，也可以嵌套在自己的模板中，代碼可以左側(cè)自定義、右側(cè)自定義、中間自定義模塊。

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

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