淘宝学堂经常收到淘宝掌柜朋友们的问题，发现很多人都喜欢淘宝图片轮播，我们在逛论坛的时候也发现好多网店都运用到了这一点，在这里我们和大家分享一个通用的淘宝图片轮播代码——渐变和上下效果代码，只要是淘宝旺铺均可使用，该代码可单独使用，也可以嵌套在自己的模板中，代码可以左侧自定义、右侧自定义、中间自定义模块。
第一：淘宝轮播代码渐变效果
<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>
快消品货源网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源： 淘宝图片轮播代码 渐变和上下效果代码
