图片来源@Unsplash,基于CC0协议!
第一:淘宝轮播代码渐变效果
<DIV data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade"><ul -main><li><A href=店铺链接地址 target=_blank><img alt="" src="图片地址"></A></li><li><A href="店铺链接地址" target=_blank><img alt="" src="图片地址"></A></li></ul></DIV>
格式:
<DIV data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="fade"><ul -main><li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li><li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li></ul></DIV>
第二:淘宝图片轮播展示上下变换效果代码
<DIV data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll"><ul -main><li><A href="店铺链接地址" target=_blank><img alt="" src="图片地址"></A></li><li><A href="店铺链接地址" target=_blank><img alt="" src="图片地址"></A></li></ul></DIV>
格式:
<DIV data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" data-type="scroll"><ul -main><li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li><li><A href="商品连接地址" target=_blank><img alt="" src="图片地址"></A></li></ul></DIV>