天猫、淘宝店铺首页放烟花效果代码

操作方法

• 01

  首先看一下效果，图片是直接截图的不会动，实际效果是动态的，不停的放烟花

  

• 02

  首先在店铺装修后台首页里添加一个自定义内容区，切换到代码编辑模式，把以下代码复制直接粘贴进去，发布即可

  

• 03

  天猫店铺首页烟花代码： <div class="J_TWidget" style="position:relative;z-index:99;" data-title="淘爱帮：http://www.taoaibang.com" data-widget-config="{&quot;duration&quot;:0.1,&quot;activeTriggerCls&quot;:&quot;\u180Etm-isv-flower-mask&quot;,&quot;interval&quot;:0.1,&quot;effect&quot;:&quot;scrollx&quot;,&quot;activeIndex&quot;:1,&quot;navCls&quot;:&quot;dmxf&quot;,&quot;contentCls&quot;:&quot;dmxf2&quot;,&quot;autoplay&quot;:true}" data-widget-type="Carousel"> <ul class="dmxf2" style="display:none;"> <li style="display:block;float:left;"> &nbsp; </li> </ul> <ul class="dmxf"> <li style="left:50%;top:0px;height:0;width:0;"> <div class="sn-simple-logo" style="left:-980px;top:auto;width:475px;height:800px;border:0;padding:0px 0px;margin:0px 0px;"><span style="width:475px;height:800px;right:50%;margin-right:505px;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" src="http://img2.tbcdn.cn/tfscom/T1CRkMFh0hXXXtxVjX.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed> </span></div> </li> </ul> </div> <div class="J_TWidget" style="position:relative;z-index:99;" data-title="淘爱帮：http://www.taoaibang.com" data-widget-config="{&quot;duration&quot;:0.1,&quot;activeTriggerCls&quot;:&quot;\u180Etm-isv-flower-mask&quot;,&quot;effect&quot;:&quot;scrollx&quot;,&quot;interval&quot;:0.1,&quot;activeIndex&quot;:1,&quot;navCls&quot;:&quot;dmxf&quot;,&quot;contentCls&quot;:&quot;dmxf2&quot;,&quot;autoplay&quot;:true}" data-widget-type="Carousel"> <ul class="dmxf2" style="display:none;"> <li style="display:block;float:left;"> &nbsp; </li> </ul> <ul class="dmxf"> <li style="left:50%;top:0px;height:0;width:0;"> <div class="sn-simple-logo" style="left:505px;top:auto;width:475px;height:800px;border:0;padding:0px 0px;margin:0px 0px;"><span style="width:475px;height:800px;right:50%;margin-right:505px;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" src="http://img2.tbcdn.cn/tfscom/T1CRkMFh0hXXXtxVjX.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed> </span></div> </li> </ul> </div>

• 04

  淘宝店铺首页烟花代码： <div class="J_TWidget" style="position:relative;z-index:99;" data-title="淘爱帮：http://www.taoaibang.com" data-widget-config="{&quot;duration&quot;:0.1,&quot;activeTriggerCls&quot;:&quot;\u180Etm-isv-flower-mask&quot;,&quot;interval&quot;:0.1,&quot;effect&quot;:&quot;scrollx&quot;,&quot;activeIndex&quot;:1,&quot;navCls&quot;:&quot;dmxf&quot;,&quot;contentCls&quot;:&quot;dmxf2&quot;,&quot;autoplay&quot;:true}" data-widget-type="Carousel"> <ul class="dmxf2" style="display:none;"> <li style="display:block;float:left;"> &nbsp; </li> </ul> <ul class="dmxf"> <li style="left:50%;top:0px;height:0;width:0;"> <div class="footer-more-trigger" style="left:-980px;top:auto;width:475px;height:800px;border:0;padding:0px 0px;margin:0px 0px;"><span style="width:475px;height:800px;right:50%;margin-right:505px;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" src="http://img2.tbcdn.cn/tfscom/T1CRkMFh0hXXXtxVjX.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed> </span></div> </li> </ul> </div> <div class="J_TWidget" style="position:relative;z-index:99;" data-title="淘爱帮：http://www.taoaibang.com" data-widget-config="{&quot;duration&quot;:0.1,&quot;activeTriggerCls&quot;:&quot;\u180Etm-isv-flower-mask&quot;,&quot;effect&quot;:&quot;scrollx&quot;,&quot;interval&quot;:0.1,&quot;activeIndex&quot;:1,&quot;navCls&quot;:&quot;dmxf&quot;,&quot;contentCls&quot;:&quot;dmxf2&quot;,&quot;autoplay&quot;:true}" data-widget-type="Carousel"> <ul class="dmxf2" style="display:none;"> <li style="display:block;float:left;"> &nbsp; </li> </ul> <ul class="dmxf"> <li style="left:50%;top:0px;height:0;width:0;"> <div class="footer-more-trigger" style="left:505px;top:auto;width:475px;height:800px;border:0;padding:0px 0px;margin:0px 0px;"><span style="width:475px;height:800px;right:50%;margin-right:505px;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" src="http://img2.tbcdn.cn/tfscom/T1CRkMFh0hXXXtxVjX.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed> </span></div> </li> </ul> </div>