淘宝旺铺专业版950两屏轮播装修代码

分享一款轮播图,这款代码不是全屏轮播,只是950正常轮播图,使用者请注意!代码预览效果如上图!
此代码比较简单,需要修改的图就两个,位于代码中第7行和第9行,需要修改的文字在第13行和15行,请自行替换代码中的相关链接地址。

<div class="skin-box tb-module">
	<s class="skin-box-tp"></s>
	<div class="skin-box-bd clear-fix">
		<div class="ocn J_TWidget style_2 lunboz_950" data-widget-config="{'effect':'scrollx', 'duration':'1.5', 'autoplay':true, 'easing':'bounceOut', 'prevBtnCls':'prev', 'nextBtnCls':'next', 'contentCls': 'o_con', 'navCls':'o_nav','activeTriggerCls': 'selected'}" data-widget-type="Carousel" style="position:relative;overflow-x:hidden;overflow-y:hidden;width:950px;height:300px;">
			<ul class="o_con" style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:999999px;padding-right:0px;height:300px;padding-top:0px;left:0px;">
				<li class="lunboz_950 ks-switchable-panel-internal1453" style="position:relative;padding-bottom:0px;overflow-x:hidden;overflow-y:hidden;margin:0px;padding-left:0px;width:950px;padding-right:0px;display:block;float:left;height:300px;padding-top:0px;">
					<span><a class="img" href="http://www.5oc.cn" style="text-align:center;overflow-x:hidden;overflow-y:hidden;display:block;background-position:50% 50%;color:rgb(0,0,0);text-decoration:none;" target="_blank"><img border="0" src="http://www.5oc.cn/DijzhENy/VY2tY.jpg" style="border-right-width:0px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" width="950" /></a></span></li>
				<li class="lunboz_950 ks-switchable-panel-internal1453" style="position:relative;padding-bottom:0px;overflow-x:hidden;overflow-y:hidden;margin:0px;padding-left:0px;width:950px;padding-right:0px;display:block;float:left;height:300px;padding-top:0px;">
					<span><a class="img" href="http://www.5oc.cn" style="text-align:center;overflow-x:hidden;overflow-y:hidden;display:block;background-position:50% 50%;color:rgb(0,0,0);text-decoration:none;" target="_blank"><img border="0" src="http://www.5oc.cn/DijzhP5A/15CFT9.jpg" style="border-right-width:0px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" width="950" /></a></span></li>
			</ul>
			<ul class="o_nav lunboz_3" style="z-index:99;text-align:center;position:relative;padding-bottom:0px;overflow-x:hidden;overflow-y:hidden;list-style-type:none;padding-top:270px;margin:0px;padding-left:0px;bottom:0px;padding-right:0px;height:30px;right:0px;">
				<li class="lunboz_0 ks-switchable-trigger-internal1452" style="padding-bottom:0px;line-height:36px;overflow-x:hidden;overflow-y:hidden;background-color:#80C26A;margin:0px;padding-left:0px;width:475px;padding-right:0px;float:left;height:30px;vertical-align:top;padding-top:0px;opacity:0.8;">
					<span><a class="lunboz_0" href="http://www.5oc.cn" style="display:block;color:rgb(255,255,255);text-decoration:none;" target="_blank">两屏轮播装修代码</a></span></li>
				<li class="lunboz_1 ks-switchable-trigger-internal1452" style="padding-bottom:0px;line-height:36px;overflow-x:hidden;overflow-y:hidden;background-color:#62C5E4;margin:0px;padding-left:0px;width:475px;padding-right:0px;float:left;height:30px;vertical-align:top;padding-top:0px;opacity:0.8;">
					<span><a class="lunboz_0" href="http://www.5oc.cn" style="display:block;color:rgb(255,255,255);text-decoration:none;" target="_blank">两屏轮播装修代码</a></span></li>
			</ul>
		</div>
	</div>
</div>

欢迎加入淘宝交流QQ群号:178992083
直接点击进群链接地址:http://url.cn/PWJJHb



2 Thoughts on “淘宝旺铺专业版950两屏轮播装修代码

  1. 对开淘宝店铺的人来说的确是个好东西。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

文章导航

无觅相关文章插件,快速提升流量

返回顶部