淘宝轮播
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:545px;overflow:hidden;"> <div class="taobaoux" style="height:550px;"> <div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;"> <div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;"> <div data-widget-config="{'contentCls': 'taobaoux-com','navCls': 'bbs-taobaoux-com','effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'prev1920','nextBtnCls':'next1920','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel" class="J_TWidget"> <div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div> </div> <div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div> </div> <div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920"> <ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;"> <li style="width:1920px;height:550px;padding:0px;margin:0px;"> <a target="_blank" href="#" style="padding:0px;margin:0px;"> <img src="http://img01.taobaocdn.com/imgextra/i1/829485309/T2Z.19XuVaXXXXXXXX-829485309.jpg" width="1920px" height="550px" border="0px"></a></li> <li style="width:1920px;height:550px;padding:0px;margin:0px;"> <a target="_blank" href="#" style="padding:0px;margin:0px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/829485309/T2Pz9_XDJXXXXXXXXX-829485309.jpg" width="1920px" height="550px" border="0px"></a></li> <li style="width:1920px;height:550px;padding:0px;margin:0px;"> <a target="_blank" href="#" style="padding:0px;margin:0px;"> <img src="http://img02.taobaocdn.com/imgextra/i2/829485309/T2Tcy_XD4XXXXXXXXX-829485309.jpg" width="1920px" height="550px" border="0px"></a></li> </ul> </div> <div class="footer-more-trigger" style="padding:0px;border:none;left:50%;"> <div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(http://img01.taobaocdn.com/imgextra/i1/829485309/T2wcG.Xx4XXXXXXXXX-829485309.png) repeat;top:505px;"> <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;"> <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;"> <img src="http://img01.taobaocdn.com/imgextra/i1/829485309/T2Z.19XuVaXXXXXXXX-829485309.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li> <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;"> <img src="http://img04.taobaocdn.com/imgextra/i4/829485309/T2Pz9_XDJXXXXXXXXX-829485309.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li> <li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;"> <img src="http://img02.taobaocdn.com/imgextra/i2/829485309/T2Tcy_XD4XXXXXXXXX-829485309.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li> </ul> </div> </div> </div> </div> </div> </div> <ul class="ks-switchable-nav" style="display:none;"></ul> </div>