
用法:直接在淘宝装修后台,新建一个自定义页面,然后切换到“源码”窗口,输入下方提供的对应代码,即可实现动态效果。
同时,如果懂一点基础知识的朋友,可以自定义修改动态效果的显示位置/大小/元素等.具体就复杂,可以百度一下。
淘宝专业旺铺代码如下:
<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;” data-title=”第2组 关注淘宝开店”>
<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://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.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://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.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’:’.mui-
mbar’,'interval’:0.1,’effect’:'scrollx’,'activeIndex’:2,’navCls’:'nav_tusu’,'contentCls’:'co
ntent_tusu’,'autoplay’:true}” data-widget-type=”Carousel” style=”position:relative;”>
<ul class=”content_tusu” style=”display:none;width:999999px;left:0px;”>
<li class=”-_-switchable-panel-internal1741 ks-switchable-panel-
internal2524″ style=”width:120px;height:289px;display:block;float:left;”>
</li>
</ul>
<ul class=”nav_tusu”>
<li class=”-_-switchable-trigger-internal1740 -_- ks-switchable-trigger-
internal2523 mui-mbar” style=”top:0;width:465px;height:1000px;right:50%;margin-
right:495px;visibility:inherit;”>
<embed allownetworking=”all” allowscriptaccess=”never”
flashvars=”scene=taobao_shop” height=”1000″ name=”flashfirebug_1387263869481″
src=”http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf” type=”application/x-shockwave-
flash” width=”465″ wmode=”transparent”></embed></li>
</ul>
</div>
<div class=”J_TWidget” data-widget-config=”{‘duration’:0.1,’activeTriggerCls’:’.mui-
mbar’,'interval’:0.1,’effect’:'scrollx’,'activeIndex’:2,’navCls’:'nav_tusu’,'contentCls’:'co
ntent_tusu’,'autoplay’:true}” data-widget-type=”Carousel” style=”position:relative;”>
<ul class=”content_tusu” style=”display:none;width:999999px;left:0px;”>
<li class=”-_-switchable-panel-internal216 ks-switchable-panel-internal2528″
style=”width:120px;height:289px;display:block;float:left;”>
</li>
</ul>
<ul class=”nav_tusu”>
<li class=”-_-switchable-trigger-internal215 -_- ks-switchable-trigger-
internal2527 mui-mbar” style=”top:0;width:465px;height:1000px;left:50%;margin-
left:495px;visibility:inherit;”>
<embed allownetworking=”all” allowscriptaccess=”never”
flashvars=”scene=taobao_shop” height=”1000″ name=”flashfirebug_1387263857298″
src=”http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf” type=”application/x-shockwave-
flash” width=”465″ wmode=”transparent”></embed></li>
</ul>
</div>
<div class=”J_TWidget” data-widget-config=”{‘duration’:0.1,’activeTriggerCls’:’.mui-
mbar’,'interval’:0.1,’effect’:'scrollx’,'activeIndex’:2,’navCls’:'nav_tusu’,'contentCls’:'co
ntent_tusu’,'autoplay’:true}” data-widget-type=”Carousel” style=”position:relative;”>
<ul class=”content_tusu” style=”display:none;width:999999px;left:0px;”>
<li class=”-_-switchable-panel-internal216 ks-switchable-panel-internal2528″
style=”width:120px;height:289px;display:block;float:left;”>
</li>
</ul>
<ul class=”nav_tusu”>
<li class=”-_-switchable-trigger-internal215 -_- ks-switchable-trigger-
internal2527 mui-mbar” style=”top:0;width:465px;height:1000px;left:50%;margin-
left:495px;visibility:inherit;”>
<embed allownetworking=”all” allowscriptaccess=”never”
flashvars=”scene=taobao_shop” height=”1000″ name=”flashfirebug_1387263857298″
src=”http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf” type=”application/x-shockwave-
flash” width=”465″ wmode=”transparent”></embed></li>
</ul>
</div>
注意:以上代码用的是小雪花,你需要用到什么效果,就把上面的雪花地址替换为如下地址就可以了。
小雪花(http://img2.tbcdn.cn/tfscom/T1svNgFBxdXXXtxVjX.swf)
大雪花(http://img2.tbcdn.cn/tfscom/T1svNgFBxdXXXtxVjX.swf)
元宝(http://img3.tbcdn.cn/tfscom/T1wXoBFh0eXXXtxVjX.swf)
花瓣(http://img2.tbcdn.cn/tfscom/T1R13qFcxcXXXtxVjX.swf)
烟花(http://img2.tbcdn.cn/tfscom/T1CRkMFh0hXXXtxVjX.swf)
蝴蝶(http://img1.tbcdn.cn/tfscom/T1colyFDhgXXXtxVjX.swf)
荧光(http://img1.tbcdn.cn/tfscom/T16yTGFedeXXXtxVjX.swf)
友情提示下,不动代码的朋友,可以看看里面的数字,在看看数字旁边的英文,英文也不懂,可以百度翻译,一般数字都是设置效果长、宽、位置的所在,可以再淘宝装修后台的自定义页面里,不断调试,切换查看效果来进行合理安排的。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 淘宝店铺装修之实现全屏雪花飘舞