全屏代码展示与脚本优化实例

<div style="width:1920px;height:550px;">

<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:0px;left:50%;">

<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:0px;top:0px;left:-960px;">

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'csl'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">

<div class="csl" style="height:550px;">

<div data-widget-config="{'contentCls': 'csl_content','navCls': 'csl_list','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':'.w1920','align':{'node':'.w1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div class="ks-contentbox">

<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.8;color:#f00;"><img src="http://www.zhuangxiuzhai.com/1920quanpingdaima/T143y1XzXfXXcUawbX.png" border="0"></div>

</div>

</div>

<div class="J_TWidget" data-widget-config="{'trigger':'.w1920','align':{'node':'.w1920','offset':[500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div class="ks-contentbox">

<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.8;color:#f00;"><img src="http://www.zhuangxiuzhai.com/1920quanpingdaima/T1kipqFl0iXXcUawbX.png" border="0"></div>

</div>