轻松实现大图轮播：HTML代码示例

<div class="tanchudiv" style="height:650px;">
<div class="sn-simple-logo" style="width:1920px;height:650px;top:auto;padding:0px;border:none;left:50%;">
<div class="sn-simple-logo" style="width:1920px;height:650px;padding:0px;border:none;left:-50%;">
<div class="J_TWidget" data-widget-config="{'contentCls': 'taobao-kaidian-com','navCls': 'taobaokaidian-com','effect': 'fade','easing': 'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[1920],'circular': true,'activeTriggerCls': 'arrow-d'}" data-widget-type="Carousel">
<div class="J_TWidget" data-widget-config="{'trigger':'.kun1920','align':{'node':'.kun1920','offset':[-400,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="prev" style="font-size:100px;cursor:pointer;">
<img /></div>
</div>
<div class="J_TWidget" data-widget-config="{'trigger':'.kun1920','align':{'node':'.kun1920','offset':[400,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="next" style="font-size:100px;cursor:pointer;">
<img src="http://img04.taobaocdn.com/imgextra/i4/1720662267/T2bUISXlXXXXXXXXXX_!!1720662267.png" /></div>
</div>
<div class="kun1920" style="height:650px;width:1920px;overflow:hidden;padding:0px;margin:0px;">
<ul class="taobao-kaidian-com" style="height:650px;width:1680px;padding:0px;margin:0px;">
<li style="width:1920px;height:650px;padding:0px;margin:0px;">
<a href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.12.lBnpZT&id=25829428015"650" src="http://img04.taobaocdn.com/imgextra/i4/1720662267/T2.BRNXe8eXXXXXXXX_!!1720662267.jpg" width="1920" /></a></li>
<li style="width:1920px;height:650px;padding:0px;margin:0px;">
<a href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.12.lBnpZT&id=25829428015" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="650px" src="http://img04.taobaocdn.com/imgextra/i4/1720662267/T20GftXg8bXXXXXXXX_!!1720662267.jpg" width="1920px" /></a></li>
<li style="width:1920px;height:650px;padding:0px;margin:0px;">
<a href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.12.lBnpZT&id=25829428015" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="650px" src="http://img04.taobaocdn.com/imgextra/i4/1720662267/T25UcTXi8XXXXXXXXX_!!1720662267.jpg" width="1920px" /></a></li>
<li style="width:1920px;height:650px;padding:0px;margin:0px;">
<a href="http://item.taobao.com/item.htm?spm=686.1000925.1000774.12.lBnpZT&id=25829428015" style="padding:0px;margin:0px;" target="_blank"><img border="0px" height="650px" src="http://img04.taobaocdn.com/imgextra/i4/1720662267/T2.VUTXlXXXXXXXXXX_!!1720662267.jpg" width="1920px" /></a></li>
</ul>
</div>
<div class="sn-simple-logo" style="padding:0px;border:none;left:50%;">
<div class="sn-simple-logo" style="width:1920px;height:45px;padding:0px;border:none;left:-840px;top:605px;">
<ul class="taobaokaidian-com" style="width:950px;height:45px;margin:0 auto;text-align:center;border:none;">
<li class="arrow-d" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:36px;">
<img height="36px" src="http://img01.taobaocdn.com/imgextra/i1/1720662267/T2jE76XiRXXXXXXXXX_!!1720662267.jpghttp://img01.taobaocdn.com/imgextra/i1/1720662267/T2jE76XiRXXXXXXXXX_!!1720662267.jpg" width="93px" /></li>
<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:36px;">