很久没有发布装修代码了,今天分享的是一个全屏多图滚动代码  

分专业版和基础版,先看一下效果图

image.png

 效果是从右到左滚动,下面开始分享代码  复制粘贴到代码区,然后保存,在发布 就可以了!

以下是专业版的代码 :

<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>&nbsp;</span></div>  				</div>  			</div>  		</div>  	</div>  </div>

以下是基础版的代码 :

<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>&nbsp;</span></div>  				</div>  			</div>  		</div>  	</div>  </div>