淘宝店铺装修自定义代码的一些功能

A。背景图片固定

body {
background: url(XXXXXXXXXXXXXXXXXXX)  no-repeat fixed center top transparent;
}

B。轮播代码


<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1363617151408fu'}"
data-widget-type="Tabs">
<div class="piao1363617151408fu" style="height:480px;">
<div data-widget-config="{
'contentCls': 'slide-kun1363617151408content',
'triggerCls': 'slide-kun1363617151408triggers',
'navCls': 'slide-kun1363617151408triggers',
'triggerType': 'mouse',
'effect': 'scrollx',
'prevBtnCls':'prev',
'nextBtnCls':'next',
'steps': 1,
'autoplay': true,
'viewSize':[1920],
'circular': true
}" data-widget-type="Carousel" class="J_TWidget ks-switchable-panel-internal587"
style="z-index: 9; top: 0px; left: -485px; padding: 0px; margin: 0px; width: 1920px; display: block; opacity: 1; position: absolute;"
role="tabpanel" aria-hidden="false" aria-labelledby="ks-switchable590">
<div class="J_TWidget ks-popup ks-overlay ks-ext-position ks-popup-shown ks-overlay-shown"
data-widget-config="{'trigger':'.first1363617151408trigger','align':{'node':'.first1363617151408trigger','offset':[0,0],'points':['cc','cc']}}"
data-widget-type="Popup" style="display: none"
aria-disabled="false">
<div class="ks-contentbox">
<div class="prev" style="width:90px;float:left;height:90px;">
<img src="http://img03.taobaocdn.com/imgextra/i3/255486462/T29s64XlJXXXXXXXXX_!!255486462.png">
</div>
<div class="next" style="width:90px;height:90px;margin-left:950px;">
<img src="http://img04.taobaocdn.com/imgextra/i4/255486462/T2m9_4Xf0XXXXXXXXX_!!255486462.png">
</div>
</div>
</div>
<div style="height: 630px; width: 1920px; overflow: hidden; padding: 0px; margin: 0px; position: relative;"
class="first1363617151408trigger">
<ul class="slide-kun1363617151408content" style="height: 500px; width: 999999px; padding: 0px; margin: 0px; position: absolute;">
<li style="width: 1920px; height: 630px; padding: 0px; margin: 0px; list-style-type: none; display: block; float: left;"
class="ks-switchable-panel-internal592">
<a target="_blank" href=""
style="padding:0px;margin:0px;" data-spm-wangpu-module-id="5003-1315927421"
data-spm-anchor-id="a1z10.1.w1315927421.1">
<img src="http://img03.taobaocdn.com/imgextra/i3/255486462/T2InCqXhdcXXXXXXXX_!!255486462.jpg"
width="1920" height="630" border="0px">
</a>
</li>
<li style="width: 1920px; height: 630px; padding: 0px; margin: 0px; list-style-type: none; display: block; float: left;"
class="ks-switchable-panel-internal592">
<a target="_self" href=""
style="padding:0px;margin:0px;" data-spm-wangpu-module-id="5003-1315927421"
data-spm-anchor-id="a1z10.1.w1315927421.2">
<img src="http://img03.taobaocdn.com/imgextra/i3/255486462/T2InCqXhdcXXXXXXXX_!!255486462.jpg"
width="1920" height="630" border="0px">
</a>
</li>
</ul>
</div>

</div>
</div>


</div>

C。旺铺基础班全屏代码

<div class="skin-box-bd clear-fix">
            <span>
   <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1364705251975fu'}" data-widget-type="Tabs"><div class="piao1364705251975fu" style="height:358px;"><div class="J_TWidget" data-widget-config="{&#13;            'contentCls': 'slide-kun1364705251975content',&#13;            'triggerCls': 'slide-kun1364705251975triggers',&#13;            'navCls': 'slide-kun1364705251975triggers',&#13;            'triggerType': 'mouse',&#13;            'effect': 'scrollx',&#13;&#9;&#9;&#9;'prevBtnCls':'prev',&#13;&#9;&#9;&#9;'nextBtnCls':'next',&#13;            'steps': 1,&#13;            'autoplay': true,&#13;&#9;&#9;&#9;'viewSize':[1920],&#13;            'circular': true&#13;        }" data-widget-type="Carousel" style="margin:0px;padding:0px;left:-685px;top:0px;width:1920px;z-index:10;"><div class="J_TWidget" data-widget-config="{'trigger':'.first1364705251975trigger','align':{'node':'.first1364705251975trigger','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"><div class="prev" style="width:90px;height:90px;float:left;"><img data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png"/></div><div class="next" style="width:90px;height:90px;margin-left:950px;"><img data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png"/></div></div><div class="first1364705251975trigger" style="margin:0px;padding:0px;width:1920px;height:450px;overflow:hidden;"><ul class="slide-kun1364705251975content" style="margin:0px;padding:0px;width:1920px;height:450px;"><li style="margin:0px;padding:0px;width:1920px;height:450px;list-style-type:none;"><a href="http://www.taobao.com/" style="margin:0px;padding:0px;" target="_blank"><img border="0" data-ks-lazyload="http://img02.taobaocdn.com/imgextra/i2/857302733/T2a6ifXlpcXXXXXXXX_!!857302733.gif" height="450" width="1920"/></a></li><li style="margin:0px;padding:0px;width:1920px;height:450px;list-style-type:none;"><a href="http://www.taobao.com/" style="margin:0px;padding:0px;" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/857302733/T2SPFlXgROXXXXXXXX_!!857302733.gif" height="450" width="1920"/></a></li><li style="margin:0px;padding:0px;width:1920px;height:450px;list-style-type:none;"><a href="http://www.taobao.com/" style="margin:0px;padding:0px;" target="_blank"><img border="0" data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/857302733/T2OUnsXj4aXXXXXXXX_!!857302733.gif" height="450" width="1920"/></a></li></ul></div><ul class="slide-kun1364705251975triggers" style="margin:0px;padding:0px;display:none;"><li>&nbsp;</li><li>&nbsp;</li><li>&nbsp;</li></ul></div></div></div>
</span>
        </div>

D。弹出层放大图片

<div style="width:950px; height:265px;">
  <div class="lc-tc-1" style="display:block; float:left;"><a href="http://shop104154115.taobao.com/?spm=a1z10.3.w5001-1782535694.2.1Wxcd2"><img src="http://img02.taobaocdn.com/imgextra/i2/255486462/T2kxbPXd4XXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
  <div class="lc-tc-2" style="display:block; float:left;"><a href="http://shop104154115.taobao.com/?spm=a1z10.3.w5001-1782535694.2.1Wxcd2"><img src="http://img03.taobaocdn.com/imgextra/i3/255486462/T2Fed1XdleXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
  <div class="lc-tc-3" style="display:block; float:left;"><a href="http://shop104154115.taobao.com/?spm=a1z10.3.w5001-1782535694.2.1Wxcd2"><img src="http://img04.taobaocdn.com/imgextra/i4/255486462/T2OFfUXodaXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
  <div class="lc-tc-4" style="display:block; float:left;"><a href="http://shop104154115.taobao.com/?spm=a1z10.3.w5001-1782535694.2.1Wxcd2"><img src="http://img04.taobaocdn.com/imgextra/i4/255486462/T2ZS24XdtaXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
<div class="J_TWidget hidden" data-widget-config="{'trigger':'.lc-tc-1','align':{'node':'.lc-tc-1','offset':[0,0],'points':['bc','bc']}}" data-widget-type="Popup"><a href="http://detail.tmall.com/item.htm?id=17284626299&amp;spm=0.0.0.0.XzcKQe" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/255486462/T2Vz1VXiVbXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
<div class="J_TWidget hidden" data-widget-config="{'trigger':'.lc-tc-2','align':{'node':'.lc-tc-2','offset':[0,0],'points':['bc','bc']}}" data-widget-type="Popup"><a href="http://detail.tmall.com/item.htm?id=17284626299&amp;spm=0.0.0.0.XzcKQe" target="_blank"><img src="http://img01.taobaocdn.com/imgextra/i1/255486462/T2Di25XhdXXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
<div class="J_TWidget hidden" data-widget-config="{'trigger':'.lc-tc-3','align':{'node':'.lc-tc-3','offset':[0,0],'points':['bc','bc']}}" data-widget-type="Popup"><a href="http://detail.tmall.com/item.htm?id=17284626299&amp;spm=0.0.0.0.XzcKQe" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/255486462/T2rov4XoFXXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
<div class="J_TWidget hidden" data-widget-config="{'trigger':'.lc-tc-4','align':{'node':'.lc-tc-4','offset':[0,0],'points':['bc','bc']}}" data-widget-type="Popup"><a href="http://detail.tmall.com/item.htm?id=17284626299&amp;spm=0.0.0.0.XzcKQe" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/255486462/T2uO2cXc8bXXXXXXXX_!!255486462.jpg" border="0" /></a></div>
</div>



========================================================================================

淘宝模板开发文档

http://wiki.zx.taobao.com/index.php/Widget%E8%A7%84%E8%8C%83#.E6.A6.82.E8.BF.B0

阅读更多
个人分类: 淘宝 自定义代码
想对作者说点什么? 我来说一句

淘宝模版店铺装修代码及图片

2013年08月27日 22.52MB 下载

淘宝店铺装修一键导入模板10套

2011年11月20日 13.21MB 下载

淘宝卖家工具箱

2013年04月01日 172KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭