淘宝首页左右两侧鼠标移动烟花绽放效果代码分享
分享一个淘宝首页左右两侧鼠标移动烟花绽放效果代码分享,很炫的一个淘宝首页特效,淘宝天猫亲测可用
操作方法
- 01
首先来看下效果
- 02
进入店铺装修,在首页添加一个自定义模板
- 03
把代码粘贴到自定义内容区,发布即可
- 04
代码: <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.tshop-psm-shop-ww-hover','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'user-bd11','contentCls':'user-hd11','autoplay':true}" data-widget-type="Carousel" style="position:relative;"> <ul class="user-hd11" style="display:none;"> <li style="width:475px;height:800px;display:block;float:left;"> </li> </ul> <ul class="user-bd11"> <li style="width:475px;height:800px;right:50%;margin-right:505px;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" src="http://img.uu1001.cn/materials/original/2008-12-07/d5b57c2408791eb4e3e32fa362334f666eef0301.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed></li> </ul> </div> <div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.tshop-psm-shop-ww-hover','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'user-bd11','contentCls':'user-hd11','autoplay':true}" data-widget-type="Carousel" style="position:relative;z-index:10000000;"> <ul class="user-hd11" style="display:none;"> <li style="width:475px;height:800px;display:block;float:left;"> </li> </ul> <ul class="user-bd11"> <li style="width:475px;height:800px;left:50%;margin-left:505px;"> <embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" src="http://img.uu1001.cn/materials/original/2008-12-07/d5b57c2408791eb4e3e32fa362334f666eef0301.swf" type="application/x-shockwave-flash" width="475" wmode="transparent"></embed></li> </ul> </div>