很久沒(méi)有發(fā)布裝修代碼了，今天分享的是一個(gè)全屏多圖滾動(dòng)代碼
分專(zhuān)業(yè)版和基礎(chǔ)版，先看一下效果圖
效果是從右到左滾動(dòng)，下面開(kāi)始分享代碼 復(fù)制粘貼到代碼區(qū)，然后保存，在發(fā)布 就可以了！
以下是專(zhuān)業(yè)版的代碼 ：
<div data-title="" class="skin-box-bd clear-fix"> <div data-title="" style="height:490px;"> <div data-title="" class="footer-more-trigger" style="z-index:9;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:2110px;padding-right:0px;height:500px;border-top:0px;top:auto;border-right:0px;padding-top:0px;left:50%;"> <div class="footer-more-trigger" style="z-index:9;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:2110px;padding-right:0px;height:500px;border-top:0px;top:auto;border-right:0px;padding-top:0px;left:-1060px;"> <div class="J_TWidget" data-widget-config="{'effect':'scrollx','contentCls':'content_yuzhou','navCls':'nav_yuzhou','autoplay':true,'circular':true,'duration':3,'interval':3,'pauseOnHover':false}" data-widget-type="Carousel" style="position:relative;width:2110px;height:500px;overflow:hidden;"> <ul class="content_yuzhou" style="width:999999px;left:-660px;"> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> </ul> <div class="nav_yuzhou" style="display:none;"> <span> </span></div> </div> </div> </div> </div> </div>以下是基礎(chǔ)版的代碼 ：
<div data-title="" class="skin-box-bd clear-fix"> <div data-title="" style="height:490px;"> <div data-title="" class="footer-more-trigger" style="z-index:9;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:2110px;padding-right:0px;height:500px;border-top:0px;top:auto;border-right:0px;padding-top:0px;left:50%;"> <div class="footer-more-trigger" style="z-index:9;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;width:2110px;padding-right:0px;height:500px;border-top:0px;top:auto;border-right:0px;padding-top:0px;left:-1060px;"> <div class="J_TWidget" data-widget-config="{'effect':'scrollx','contentCls':'content_yuzhou','navCls':'nav_yuzhou','autoplay':true,'circular':true,'duration':3,'interval':3,'pauseOnHover':false}" data-widget-type="Carousel" style="position:relative;width:2110px;height:500px;overflow:hidden;"> <ul class="content_yuzhou" style="width:999999px;left:-660px;"> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/1120870168/T2RSSCXt0XXXXXXXXX-1120870168.jpg" /></a></span></li> <li class="-_-switchable-panel-internal2055" style="width:250px;display:block;float:left;height:500px;"> <span><a href="http://feimayi.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2PeeBXztXXXXXXXXX-1120870168.jpg" /></a></span></li> </ul> <div class="nav_yuzhou" style="display:none;"> <span> </span></div> </div> </div> </div> </div> </div>
