淘宝全屏轮播代码实现解析

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1363757193747fu'}" data-widget-type="Tabs">
<div class="piao1363757193747fu" style="height: 700px">
<div class="J_TWidget" data-widget-config="{&#10;&#13;&#10;&#13;            'contentCls': 'slide-kun1363757193747content',&#10;&#13;&#10;&#13;            'triggerCls': 'slide-kun1363757193747triggers',&#10;&#13;&#10;&#13;            'navCls': 'slide-kun1363757193747triggers',&#10;&#13;&#10;&#13;            'triggerType': 'mouse',&#10;&#13;&#10;&#13;            'effect': 'scrollx',&#10;&#13;&#10;&#13;&#9;&#9;&#9;'prevBtnCls':'prev',&#10;&#13;&#10;&#13;&#9;&#9;&#9;'nextBtnCls':'next',&#10;&#13;&#10;&#13;            'steps': 1,&#10;&#13;&#10;&#13;            'autoplay': true,&#10;&#13;&#10;&#13;&#9;&#9;&#9;'viewSize':[1920],&#10;&#13;&#10;&#13;            'circular': true&#10;&#13;&#10;&#13;        }" data-widget-type="Carousel" style="z-index: 10; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; top: 0px; padding-top: 0px; left: -485px">
<div class="J_TWidget" data-widget-config="{'trigger':'.first1363757193747trigger','align':{'node':'.first1363757193747trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none">
<div class="prev" style="width: 90px; float: left; height: 90px">
<img src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" /></div>
<div class="next" style="width: 90px; height: 90px; margin-left: 950px">
<img src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" /></div>
</div>
<div class="first1363757193747trigger" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 700px; overflow: hidden; padding-top: 0px">
<ul class="slide-kun1363757193747content" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 700px; padding-top: 0px">
<li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 700px; padding-top: 0px">
<a href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.1.0.124.dBfoAG&amp;id=64947640&amp;itemid=64947640&amp;itemtype=0&amp;sellerid=216855201&amp;scjjc=2&amp;_tb_token_=fee67715837e3" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><img border="0" height="700" src="http://img04.taobaocdn.com/imgextra/i4/75979125/T23edBXglNXXXXXXXX-75979125.jpg" style="margin: 0px; float: none" width="1920" /></a></li>
<li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 700px; padding-top: 0px">
<a href="http://item.taobao.com/item.htm?spm=a1z10.1.w924820815.1.1pSm2K&amp;id=22669928755" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><img border="0" height="700" src="http://img02.taobaocdn.com/imgextra/i2/75979125/T2hqpIXlXcXXXXXXXX-75979125.jpg" width="1920" /></a></li>
<li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 700px; padding-top: 0px">
<a href="http://item.taobao.com/item.htm?spm=a1z10.1.w924820815.2.1pSm2K&amp;id=22228424996" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><img border="0" height="700" src="http://img02.taobaocdn.com/imgextra/i2/75979125/T2hqpIXlXcXXXXXXXX-75979125.jpg" width="1920" /></a></li>
<li style="padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 700px; padding-top: 0px">
<a href="http://item.taobao.com/item.htm?spm=a1z10.1.w915277327.2.1pSm2K&amp;id=19073123438" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px" target="_blank"><img border="0" height="700" src="http://img02.taobaocdn.com/imgextra/i2/75979125/T2hqpIXlXcXXXXXXXX-75979125.jpg" width="1920" /></a></li>
</ul>
</div>
<ul class="slide-kun1363757193747triggers" style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: none; padding-top: 0px">
<li>
&nbsp;</li>
<li>
&nbsp;</li>
<li>
&nbsp;</li>
<li>
&nbsp;</li>