效果預(yù)覽

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

<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>