当前位置:首页 » 全屏轮播代码 » 正文

全屏多图滚动代码基础版专业版都可以用

73 人参与  2019年09月04日 00:51  分类 : 全屏轮播代码  评论

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

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

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>


来源:飞蚂蚁模板网(QQ号:254206549),转载请保留出处和链接!

本文链接:http://www.feimayi.net/qtdm/1212.html

全屏代码  

加入【淘宝店铺装修】QQ群:474687967(加群验证:飞蚂蚁模板网)

淘宝天猫内部优惠券九元九特卖网一般人,我不告诉他喔!

<< 上一篇 到底啦 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

控制面板

您好,欢迎到访网站!
  [查看权限]
350装修模板
淘宝快递单号
连衣裙

飞蚂蚁影院

淘宝店铺装修教程 | 淘宝装修 | 淘宝装修免费模板 | 淘宝装修素材 | 淘宝店铺装修 | 网站地图 | 留言板 | 广告合作 | 飞蚂蚁影院

Copyright(c)2013-2016feimayi.net All Rights Reserved. 粤ICP备14055454号
淘宝店铺装修交流群群号:474687967