最近做淘寶店鋪裝修的時(shí)候,找到一個(gè)還比較實(shí)用的小代碼,可以實(shí)現(xiàn)淘寶店鋪全屏動(dòng)態(tài)雪花飄舞的動(dòng)態(tài)場(chǎng)景,效果還挺漂亮,這里共享一下,有需要的可以用用.效果如下圖.
用法:直接在淘寶裝修后臺(tái),新建一個(gè)自定義頁(yè)面,然后切換到“源碼”窗口,輸入下方提供的對(duì)應(yīng)代碼,即可實(shí)現(xiàn)動(dòng)態(tài)效果。
同時(shí)，如果懂一點(diǎn)基礎(chǔ)知識(shí)的朋友，可以自定義修改動(dòng)態(tài)效果的顯示位置/大小/元素等.具體就復(fù)雜，可以百度一下。
淘寶專業(yè)旺鋪代碼如下:
<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組 關(guān)注淘寶開店”>
<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）
友情提示下，不動(dòng)代碼的朋友，可以看看里面的數(shù)字，在看看數(shù)字旁邊的英文，英文也不懂，可以百度翻譯，一般數(shù)字都是設(shè)置效果長(zhǎng)、寬、位置的所在，可以再淘寶裝修后臺(tái)的自定義頁(yè)面里，不斷調(diào)試，切換查看效果來(lái)進(jìn)行合理安排的。
用法:直接在淘寶裝修后臺(tái),新建一個(gè)自定義頁(yè)面,然后切換到“源碼”窗口,輸入下方提供的對(duì)應(yīng)代碼,即可實(shí)現(xiàn)動(dòng)態(tài)效果。
同時(shí)，如果懂一點(diǎn)基礎(chǔ)知識(shí)的朋友，可以自定義修改動(dòng)態(tài)效果的顯示位置/大小/元素等.具體就復(fù)雜，可以百度一下。
淘寶專業(yè)旺鋪代碼如下:
<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組 關(guān)注淘寶開店”>
<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）
友情提示下，不動(dòng)代碼的朋友，可以看看里面的數(shù)字，在看看數(shù)字旁邊的英文，英文也不懂，可以百度翻譯，一般數(shù)字都是設(shè)置效果長(zhǎng)、寬、位置的所在，可以再淘寶裝修后臺(tái)的自定義頁(yè)面里，不斷調(diào)試，切換查看效果來(lái)進(jìn)行合理安排的。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 淘寶店鋪裝修之實(shí)現(xiàn)全屏雪花飄舞
