淘寶店鋪裝修之實現全屏雪花飄舞

最近做淘寶店鋪裝修的時候,找到一個還比較實用的小代碼,可以實現淘寶店鋪全屏動態雪花飄舞的動態場景,效果還挺漂亮,這里共享一下,有需要的可以用用.效果如下圖.

用法:直接在淘寶裝修后臺,新建一個自定義頁面,然后切換到“源碼”窗口,輸入下方提供的對應代碼,即可實現動態效果。

同時，如果懂一點基礎知識的朋友，可以自定義修改動態效果的顯示位置/大小/元素等.具體就復雜，可以百度一下。

淘寶專業旺鋪代碼如下:

<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;”>
&nbsp;</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;”>
&nbsp;</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;”>
&nbsp;</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;”>
&nbsp;</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;”>
&nbsp;</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）
友情提示下，不動代碼的朋友，可以看看里面的數字，在看看數字旁邊的英文，英文也不懂，可以百度翻譯，一般數字都是設置效果長、寬、位置的所在，可以再淘寶裝修后臺的自定義頁面里，不斷調試，切換查看效果來進行合理安排的。

樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。

本文內容整合網站：百度百科、知乎、淘寶平臺規則

本文來源： 淘寶店鋪裝修之實現全屏雪花飄舞