效果預(yù)覽

大家都知道QQ空間有一個(gè)非常棒的效果就是開場動畫，但是小編如果和你說咱們的淘寶店鋪也能這樣，你信嗎？今天，小編就為大家搜羅來了超贊的3秒開場動畫特效網(wǎng)店裝修代碼，神馬特效，都不及我這3秒動畫。

<div class="J_TWidget" data-widget-config="{duration:0.1,activeTriggerCls:.cbu-iframe,interval:0.1,effect:scrollx,activeIndex:2,navCls:nav_zhicheng,contentCls:content_zhicheng,autoplay:true}" data-widget-type="Carousel" style="position:relative;"> <ul class="content_zhicheng" style="display: none; width: 999999px; left: 0px; position: absolute;"> <li style="width: 230px; height: 450px; display: block; float: left;" class="-_-switchable-panel-internal529 -_-switchable-panel-internal527 ks-switchable-panel-internal286">&nbsp;</li> </ul> <ul class="nav_zhicheng"> <li style="width:230px;height:10px;left:50%;top:0%;" class="-_-switchable-trigger-internal528 -_-iframe -_-switchable-trigger-internal526 -_-iframe ks-switchable-trigger-internal285 cbu-iframe"> <div class="J_TWidget" data-widget-config="{ endTime: 3000, interval: 0, timeRunCls: .tcks-countdown-run, timeUnitCls:{ d: .tcks-d, h: .tcks-h, m: .tcks-m, s: .tcks-s, i: .tcks-i }, minDigit: 2, timeEndCls: .tcks-countdown-end }" data-widget-type="Countdown"> <div> <div class="tcks-countdown-run" style="display: none;"> <div style="height:590px;"> <div class="footer-more-trigger" style="left:50%;top:0px;border:none;padding:0;"> <div class="footer-more-trigger" style="left:-1074px;top:0px;border:none;padding:0;z-index:99;"> <div class="J_TWidget" data-widget-config="{circular:true,neme:activeTriggerCls:tab_selected,effect:none,navCls:tc_nav,triggerType:click,contentCls:tc_content,autoplay:false}" data-widget-type="Tabs"> <div class="tc_content"> <div class="-_-switchable-panel-internal434 -_-switchable-panel-internal1673" style="height:545px;width:1920px;"> <div style="height:990px;width:1920px;padding-top:0px;background:url(http://img04.taobaocdn.com/imgextra/i4/1844069713/TB2xXCMXVXXXXaYXXXXXXXXXXXX-1844069713.jpg);"> <div class="xovop-relative" style="padding-top:370px;left:0px;width:990px;height:460px;margin:0 auto;background:url(http://img01.taobaocdn.com/imgextra/i1/1844069713/TB2aFSMXVXXXXbTXXXXXXXXXXXX-1844069713.png) no-repeat center center;"> <div class="xovop-absolute xovo-zajindan1" style="width:330px;height:70px;top:120px;margin-top:10px;margin-left:310px;background:url(http://img01.taobaocdn.com/imgextra/i1/1844069713/TB2GUOOXVXXXXX5XXXXXXXXXXXX-1844069713.gif) no-repeat center center;">&nbsp;</div> <div class="J_TWidget" data-widget-config="{trigger:.xovo-zajindan1,align:{node:.xovo-zajindan1,offset:[0,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;"> <div style="width:330px;height:70px;"> <a data-spm-anchor-id="a1z10.1.w5003-5168351582.1" data-spm-wangpu-module-id="5003-5168351582" href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1844069713/TB2zNOLXVXXXXX_XpXXXXXXXXXX-1844069713.png"></a> </div> </div> <div class="J_TWidget hidden" data-widget-config="{trigger:.xovo-zajindan2,align:{node:.xovo-zajindan2,offset:[0,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;"> <div style="width:330px;height:70px;"> <a data-spm-anchor-id="a1z10.1.w5003-5168351582.2" data-spm-wangpu-module-id="5003-5168351582" href="#" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1844069713/TB2zNOLXVXXXXX_XpXXXXXXXXXX-1844069713.png"></a> </div> </div> </div> </div> </div> </div> <ul class="tc_nav"> <li class="tab_selected -_-switchable-trigger-internal1672">&nbsp;</li> </ul> </div> </div> </div> </div> </div> </div> </div> </li> </ul> </div>