当前位置:首页 » 淘宝装修教程 » 正文

淘宝店铺基础版全屏轮播海报特效代码

25065 人参与  2015年08月01日 16:14  分类 : 淘宝装修教程  评论
淘宝店铺基础版全屏轮播,全屏海报特效代码,基础版全屏代码,先看一下效果:http://feimayi.taobao.com   一款适合基础版全屏轮播的特效代码,使用方法将下面的代码复制到记事本中,使用Ctrl+F分别查找以下四张图片地址,进行替换你需要使用的图片地址,注意替换图片大小为:1920*500px
海报1图片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif
海报2图片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif
海报3图片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif
海报4图片地址:http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif

效果图:

201502091423469389140719.jpg

   图片替换后用同样方法替换点击海报图片打开的地址,默认四张都是http://www.taobao.com/,依次从代码最上方开始查找替换需要连接的宝贝地址即可。以上步骤做完后,代码修改完成了,然后在店铺装修后台新建一个自定义模块,将修改后的代码复制到自定义模块中,注意是要在代码模式下复制粘贴。

<div data-componentid="5003" data-spm="110.0.5003-932850972" data-title="" data-widgetid="932850972">	<div class="skin-box tb-module ">		<s class="skin-box-tp"></s>		<div class="skin-box-bd clear-fix">			<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">				<div class="piaofu" style="height: 480px">					<div class="J_TWidget" data-widget-config="{
            'contentCls': 'slide-kun1362899830209content',
            'triggerCls': 'slide-kun1362899830209triggers',
            'navCls': 'slide-kun1362899830209triggers',
            'triggerType': 'mouse',
            'effect': 'scrollx',
			'prevBtnCls':'prev',
			'nextBtnCls':'next',
            'steps': 1,
            'autoplay': true,
			'viewSize':[1920],
            'circular': true
        }" data-widget-type="Carousel" style="padding-right: 0px; padding-left: 0px; z-index: 10; left: -485px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; top: 0px">						<div class="J_TWidget" data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display: none">							<div class="prev" style="float: left; width: 90px; height: 90px">								<span><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" src="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" /></span></div>							<div class="next" style="margin-left: 950px; width: 90px; height: 90px">								<span><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png"  data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" src="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" /></span></div>						</div>						<div class="first-trigger2" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; overflow: hidden; width: 1920px; padding-top: 0px; height: 500px">							<ul class="slide-kun1362899830209content" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; height: 500px">								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2Os4VXthXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>								<li style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; width: 1920px; padding-top: 0px; list-style-type: none; height: 500px">									<span><a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" height="500"  data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2JURTXwBXXXXXXXXX-1120870168.gif" width="1920" /></a></span></li>							</ul>						</div>						<ul class="slide-kun1362899830209triggers" style="padding-right: 0px; display: none; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">							<li>								<span> </span></li>							<li>								<span> </span></li>							<li>								<span> </span></li>							<li>								<span> </span></li>						</ul>					</div>				</div>			</div>		</div>		<s class="skin-box-bt"></s></div></div>

更多淘宝店铺装修模板

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

本文链接:http://www.feimayi.net/zxjc/241.html

淘宝店铺基础版全屏轮播  全屏海报特效代码  基础版全屏代码  装修教程  

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

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

<< 上一篇 下一篇 >>

  • 评论(14)
  • 赞助本站

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

控制面板

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

飞蚂蚁影院

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

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