淘寶圖片輪播代碼 漸變和上下效果代碼
很多人都喜歡淘寶圖片輪播，我們在逛論壇的時候也發(fā)現(xiàn)好多網(wǎng)店都運(yùn)用到了這一點(diǎn)，在這里淘寶學(xué)堂和大家分享一個通用的淘寶圖片輪播代碼，只要是淘寶旺鋪均可使用，該代碼可單獨(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>
