淘宝首页左右两侧鼠标移动烟花绽放效果代码分享

作者:落知秋 | 创建时间: 2023-05-05
分享一个淘宝首页左右两侧鼠标移动烟花绽放效果代码分享,很炫的一个淘宝首页特效,淘宝天猫亲测可用...
淘宝首页左右两侧鼠标移动烟花绽放效果代码分享

操作方法

首先来看下效果

进入店铺装修,在首页添加一个自定义模板

把代码粘贴到自定义内容区,发布即可

代码: <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>

温馨提示

只有首页才有效果,天猫淘宝都可用,建议把自定义模板放在最上面,只有加载出这个模板特效才会有,但是会留下10像素的缝隙
点击展开全文

更多推荐