淘宝店铺装修5格开关灯模板代码基础版/专业版都可以用
先上效果图：
代码使用方法：
在店铺装修页面新建自定义模块，复制相应的代码，粘贴进去，保存发布就好了，（注意是在代码模式下操作）
如果你是基础版就复制基础版的代码，如果是专业版就复制专业版代码
基础版代码如下：
<div data-title="" style="height:380px;"> <div data-title="" class="J_TWidget" data-widget-config="{ "effect": "fade", "circular": true , "navCls":"toseise", "activeTriggerCls":"odslos", "contentCls":"piaofu" }" data-widget-type="Tabs"> <ul class="toseise" style="display:none;"> <li class="odslos"> </li> </ul> <div class="piaofu"> <div style="z-index:99;width:950px;height:380px;"> <div class="slider-promo J_TWidget" data-widget-config="{"effect":"fade","contentCls": "lst-main", "navCls": "lst-trigger", "activeTriggerCls": "current"}" data-widget-type="Slide" style="height:380px;"> <div class="vc2018-47508" style="height:380px;width:950px;"> <div style="float:left;width:372px;height:380px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T24rphXslaXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:567px;height:380px;margin-left:11px;overflow:hidden;"> <div style="float:left;width:317px;height:184px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2tm8gXyRaXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:238px;height:184px;margin-left:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2xE4fXuRaXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:238px;height:184px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2.O1IXi4cXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:317px;height:184px;margin-left:11px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2suoEXcRbXXXXXXXX-1120870168.jpg" /></a></div> </div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.vc2018-47508','align':{'node':'.vc2018-47508','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div class="vc2018-47508" style="height:380px;width:950px;"> <div class="vc2018-47508 ff47508475081" style="float:left;width:372px;height:380px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="380" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="372" /></a></div> <div style="float:left;width:567px;height:380px;margin-left:11px;overflow:hidden;"> <div class="ff47508475082" style="float:left;width:317px;height:184px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="317" /></a></div> <div class="ff47508475083" style="float:left;width:238px;height:184px;margin-left:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="238" /></a></div> <div class="ff475084" style="float:left;width:238px;height:184px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="238" /></a></div> <div class="ff475085" style="float:left;width:317px;height:184px;margin-left:11px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="317" /></a></div> </div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff47508475081','align':{'node':'.ff47508475081','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:372px;height:380px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T24rphXslaXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff47508475082','align':{'node':'.ff47508475082','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:317px;height:184px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2tm8gXyRaXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff47508475083','align':{'node':'.ff47508475083','offset':[0,0],'points':['br','br']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:238px;height:184px;margin-left:11px;overflow:hidden;display:inline;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2xE4fXuRaXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff475084','align':{'node':'.ff475084','offset':[0,0],'points':['br','br']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:238px;height:184px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2.O1IXi4cXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff475085','align':{'node':'.ff475085','offset':[0,0],'points':['br','br']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:317px;height:184px;margin-left:11px;margin-top:11px;overflow:hidden;display:inline;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2suoEXcRbXXXXXXXX-1120870168.jpg" /></a></div> </div> </div> </div> </div> </div> </div> </div>专业版代码如下：
<div data-title="" class="vc2018-47578" style="height:380px;width:950px;"> <div data-title="" style="float:left;width:372px;height:380px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T24rphXslaXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:567px;height:380px;margin-left:11px;overflow:hidden;"> <div style="float:left;width:317px;height:184px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2tm8gXyRaXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:238px;height:184px;margin-left:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2xE4fXuRaXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:238px;height:184px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2.O1IXi4cXXXXXXXX-1120870168.jpg" /></a></div> <div style="float:left;width:317px;height:184px;margin-left:11px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2suoEXcRbXXXXXXXX-1120870168.jpg" /></a></div> </div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.vc2018-47578','align':{'node':'.vc2018-47578','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div class="vc2018-47578" style="height:380px;width:950px;"> <div class="vc2018-47578 ff47578475781" style="float:left;width:372px;height:380px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="380" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="372" /></a></div> <div style="float:left;width:567px;height:380px;margin-left:11px;overflow:hidden;"> <div class="ff47578475782" style="float:left;width:317px;height:184px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="317" /></a></div> <div class="ff47578475783" style="float:left;width:238px;height:184px;margin-left:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="238" /></a></div> <div class="ff475784" style="float:left;width:238px;height:184px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="238" /></a></div> <div class="ff475785" style="float:left;width:317px;height:184px;margin-left:11px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img height="184" src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2V4VhXAFXXXXXXXXX-1120870168.jpg" width="317" /></a></div> </div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff47578475781','align':{'node':'.ff47578475781','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:372px;height:380px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T24rphXslaXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff47578475782','align':{'node':'.ff47578475782','offset':[0,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:317px;height:184px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img02.taobaocdn.com/imgextra/i2/1120870168/T2tm8gXyRaXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff47578475783','align':{'node':'.ff47578475783','offset':[0,0],'points':['br','br']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:238px;height:184px;margin-left:11px;overflow:hidden;display:inline;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img03.taobaocdn.com/imgextra/i3/1120870168/T2xE4fXuRaXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff475784','align':{'node':'.ff475784','offset':[0,0],'points':['br','br']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:238px;height:184px;margin-top:11px;overflow:hidden;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2.O1IXi4cXXXXXXXX-1120870168.jpg" /></a></div> </div> <div class="J_TWidget hidden" data-widget-config="{'trigger':'.ff475785','align':{'node':'.ff475785','offset':[0,0],'points':['br','br']}}" data-widget-type="Popup" style="display:none;"> <div style="float:left;width:317px;height:184px;margin-left:11px;margin-top:11px;overflow:hidden;display:inline;"> <a href="http://52meise.taobao.com" target="_blank"><img src="http://img04.taobaocdn.com/imgextra/i4/1120870168/T2suoEXcRbXXXXXXXX-1120870168.jpg" /></a></div> </div> </div>
