圣诞全屏代码,快圣诞了赶快给你的店铺换换皮肤吧!

时间：2014-12-25 22:40 来源：Q淘网收集作者：刚哥阅读：次

内容摘要:

1111

使用淘宝全屏海报代码，需使用系统基础模板为“【简约时尚官方模板】”，否则会造成不能居中对齐的问题。

模板代码：（在代码区用ctrl+A "全选"，再点ctrl+c 复制）由于下面代码中的图片地址是不存在的，你需要更换成你实际图片地址！<div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bslide_smrQC'}" data-widget-type="Tabs"><div class="J_TWidget bslide_smrQC" style="height:580px" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bnav_XITvq'}" data-widget-type="Tabs"> <div style="height:580px;width:1920px;left:-485px;top:0px;" class="J_TWidget" data-widget-config="{'navCls':'scroller-nav','contentCls':'scroller-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrollx','easing':'easeOutStrong','duration':1.0,'interval':'4','autoplay':true}" data-widget-type="Carousel"> <div class="J_TWidget prev" data-widget-type="Popup" data-widget-config="{'trigger':'.popup_zvbli','align':{'node':'.popup_zvbli','offset':[-445,0],'points':['cc','cc']}}" style="cursor:pointer;width:60px;height:60px;background:#000 url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2_fvgaXXXXXbTXXXXXXXXXXXX-770458061.gif) no-repeat center center;display:none;border-radius: 30px;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity:0.6;"></div> <div class="J_TWidget next" data-widget-type="Popup" data-widget-config="{'trigger':'.popup_zvbli','align':{'node':'.popup_zvbli','offset':[445,0],'points':['cc','cc']}}" style="cursor:pointer;width:60px;height:60px;background:#000 url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2vgjeaXXXXXaHXpXXXXXXXXXX-770458061.gif) no-repeat center center;display:none;border-radius: 30px;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity:0.6;"></div> <div class="scroller popup_zvbli" style="width:1920px; height:580px; overflow:hidden"> <ul class="scroller-content"><li style="width:1920px;height:580px; overflow:hidden;border:none;margin:0;"><a data-cke-saved-href="http://sc.jb51.net/" href="http://sc.jb51.net/" target="_blank" style="display:block; cursor:pointer;width:1920px;height:580px;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2QH.9bXXXXXbvXpXXXXXXXXXX-770458061.jpg) no-repeat center 0;"></a></li><li style="width:1920px;height:580px; overflow:hidden;border:none;margin:0;"><a data-cke-saved-href="http://sc.jb51.net/" href="http://sc.jb51.net/" target="_blank" style="display:block; cursor:pointer;width:1920px;height:580px;background:url(http://img04.taobaocdn.com/imgextra/i4/770458061/TB2Tqs.bXXXXXaJXpXXXXXXXXXX-770458061.jpg) no-repeat center 0;"></a></li><li style="width:1920px;height:580px; overflow:hidden;border:none;margin:0;"><a data-cke-saved-href="http://sc.jb51.net/" href="http://sc.jb51.net/" target="_blank" style="display:block; cursor:pointer;width:1920px;height:580px;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2FPhabpXXXXc8XXXXXXXXXXXX-770458061.jpg) no-repeat center 0;"></a></li><li style="width:1920px;height:580px; overflow:hidden;border:none;margin:0;"><a data-cke-saved-href="http://sc.jb51.net/" href="http://sc.jb51.net/" target="_blank" style="display:block; cursor:pointer;width:1920px;height:580px;background:url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB27t0jbpXXXXXmXpXXXXXXXXXX-770458061.jpg) no-repeat center 0;"></a></li> </ul> </div> <div class="bnav_XITvq"> <ul class="J_TWidget scroller-nav" style="margin-top:6px;bottom:10px;width:1920px;overflow:hidden;text-align:center;left:0;font-family:Tahoma;height:16px;color:#d02a35;font-size:14px;font-family:宋体" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"><li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li><li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li><li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li><li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li> </ul> </div></div><ul class="hidden-nav" style="display:none;height:0;line-height:0;font-size:0;overflow:hidden;"> <li class="ks-active">1</li> </ul></div></div><a data-cke-saved-name="sgmb" name="sgmb"></a>