還停留在2D視圖的時(shí)代嗎？咱們的賣(mài)家們可不能out了。今天，甩手為大家?guī)?lái)了引流利器：帶特效淘寶分類網(wǎng)店裝修代碼。此店鋪分類代碼由5個(gè)版塊組成，鼠標(biāo)放上后，板塊會(huì)向右側(cè)展開(kāi)，右側(cè)模板輪播和抖動(dòng)展示大圖片。一鍵帶領(lǐng)大家進(jìn)入3D新視感的時(shí)代。

安裝代碼的時(shí)候，還請(qǐng)大家注意該模板適用于旺鋪專業(yè)版店鋪，代碼中的中文字體可以根據(jù)店家的具體要求進(jìn)行相應(yīng)修改，但是切忌自行修改模板中的板塊大小，以免出現(xiàn)錯(cuò)位或者板塊破裂。

<div style=" width:950px; overflow:hidden;zoom:1;font-family:微軟雅黑;"><div class="J_TWidget scroller-nav"data-widget-type="Accordion" data-widget-config="{'triggerCls':'tab-panel','panelCls':'tab-panel-go','triggerType':'mouse'}"style=" float:left;width:190px; overflow:hidden; background:#e1e5dc; height:420px;"> <dl class="cats_mk8yr1 tab-panel" style=" height:106px;display:block;overflow:hidden;outline:none;"><span class="tab-panel-go cc_3g1p4"style="background:#408742;display:block;width:190px;height:106px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#FFF;text-decoration:none;" href="http://shop59633421.taobao.com/category-698177780.htm" target="_blank">350模板在線試用</a> </dt> <dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#FFF;" href="http://shop59633421.taobao.com/category-904530327.htm" target="_blank">4月10日上新</a></dd><dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#FFF;" href="http://shop59633421.taobao.com/category-904537935.htm" target="_blank">4月11日上新</a></dd><dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#FFF;" href="http://shop59633421.taobao.com/category-904537936.htm" target="_blank">4月12日上新</a></dd><dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#FFF;" href="http://shop59633421.taobao.com/category-904537937.htm" target="_blank">4月13日上新</a></dd></span><span style="background:#e1e5dc;display:block;?>;width:190px;height:106px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#666;display:inline-block;width:100%;border-bottom:1px dotted #c2d3ae;" href="http://shop59633421.taobao.com/category-698177780.htm" target="_blank">350模板在線試用</a> </dt> <dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#666;" href="http://shop59633421.taobao.com/category-904530327.htm" target="_blank">4月10日上新</a></dd><dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#666;" href="http://shop59633421.taobao.com/category-904537935.htm" target="_blank">4月11日上新</a></dd><dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#666;" href="http://shop59633421.taobao.com/category-904537936.htm" target="_blank">4月12日上新</a></dd><dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#666;" href="http://shop59633421.taobao.com/category-904537937.htm" target="_blank">4月13日上新</a></dd></span><!-- 彈出 star --> <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{'trigger':'.cats_mk8yr1','align':{'node':'.cats_mk8yr1','offset':[0,0],'points':['cr','cl']}}" style=""><div style="overflow:hidden;line-height:106px;zoom:1;width:500px;height:106px;background:#408742;opacity:0.8;"><ul> <li style="float:left;;margin:0 10px;"><a href="http://shop59633421.taobao.com/category-904537938.htm" target="_blank" style=" color:#FFF;display:inline-block;white-space:nowrap;">4月14日上新</a></li><li style="float:left;;margin:0 10px;"><a href="http://shop59633421.taobao.com/category-904537939.htm" target="_blank" style=" color:#FFF;display:inline-block;white-space:nowrap;">4月15日上新</a></li></ul></div></div><!-- 彈出 end --> </dl><dl class="cats_2MSBT2 tab-panel" style=" height:105px;display:block;overflow:hidden;outline:none;"><span class="tab-panel-go cc_3g1p4"style="background:#408742;display:none;width:190px;height:105px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#FFF;text-decoration:none;" href="http://shop59633421.taobao.com/category-698177783.htm" target="_blank">通用模板</a> </dt> <dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#FFF;" href="http://shop59633421.taobao.com/category-904530328.htm" target="_blank">男裝模板</a></dd></span><span style="background:#e1e5dc;display:block;?>;width:190px;height:105px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#666;display:inline-block;width:100%;border-bottom:1px dotted #c2d3ae;" href="http://shop59633421.taobao.com/category-698177783.htm" target="_blank">通用模板</a> </dt> <dd style=" float:left;height:16px;line-height:16px;padding:3px 5px 0 15px;"><a style="white-space:nowrap;display:inline-block;color:#666;" href="http://shop59633421.taobao.com/category-904530328.htm" target="_blank">男裝模板</a></dd></span><!-- 彈出 star --> </dl><dl class="cats_pPlUJ3 tab-panel" style=" height:105px;display:block;overflow:hidden;outline:none;"><span class="tab-panel-go cc_3g1p4"style="background:#408742;display:none;width:190px;height:105px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#FFF;text-decoration:none;" href="http://shop59633421.taobao.com/category-830177571.htm" target="_blank">精品鞋包</a> </dt> </span><span style="background:#e1e5dc;display:block;?>;width:190px;height:105px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#666;display:inline-block;width:100%;border-bottom:1px dotted #c2d3ae;" href="http://shop59633421.taobao.com/category-830177571.htm" target="_blank">精品鞋包</a> </dt> </span><!-- 彈出 star --> </dl><dl class="cats_k37qL4 tab-panel" style=" height:105px;display:block;overflow:hidden;outline:none;"><span class="tab-panel-go cc_3g1p4"style="background:#408742;display:none;width:190px;height:105px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#FFF;text-decoration:none;" href="http://shop59633421.taobao.com/category-830177572.htm" target="_blank">化妝健美</a> </dt> </span><span style="background:#e1e5dc;display:block;?>;width:190px;height:105px;"> <dt style=" font-weight:700;height:22px;line-height:22px;padding:10px 15px 0px;"> <a style="color:#666;display:inline-block;width:100%;border-bottom:1px dotted #c2d3ae;" href="http://shop59633421.taobao.com/category-830177572.htm" target="_blank">化妝健美</a> </dt> </span><!-- 彈出 star --> </dl> </div> <div style="float:left;margin-left:5px;width:750px; overflow:hidden;height:420px" class="J_TWidget cc_3g1p4" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'nav_tqLCw'}" data-widget-type="Tabs"> <div style="height:420px;left:0;top:0" 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':'elasticOut', 'duration':1.0, 'interval':'4', 'autoplay':false }" data-widget-type="Carousel"> <div class="scroller" style="width:500px; height:420px; overflow:hidden;zoom:1;float:left;"><ul class="scroller-content" style="left:0px;"><li style="width:500px;height:420px; overflow:hidden"><a href="#" target="_blank" style="display:block;width:100%;height:100%;background:url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2BAgobFXXXXXoXXXXXXXXXXXX-770458061.gif) no-repeat center center;"></a></li><li style="width:500px;height:420px; overflow:hidden"><a href="#" target="_blank" style="display:block;width:100%;height:100%;background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2y7sobFXXXXXzXXXXXXXXXXXX-770458061.gif) no-repeat center center;"></a></li></ul></div><div class="nav_tqLCw" style="width:250px;height:420px;overflow:hidden"><ul class="scroller-nav" style="left:700px;top:0;"><li style="width:248px;height:208px; overflow:hidden;border:1px solid #e5e5e5;"><a href="#" target="_blank" style="display:block;width:100%;height:100%;"> <img src="http://img02.taobaocdn.com/imgextra/i2/770458061/TB2BAgobFXXXXXoXXXXXXXXXXXX-770458061.gif" alt="" width="248px" height="208"> </a></li><li style="width:248px;height:208px; overflow:hidden;border:1px solid #e5e5e5;"><a href="#" target="_blank" style="display:block;width:100%;height:100%;"> <img src="http://img03.taobaocdn.com/imgextra/i3/770458061/TB2y7sobFXXXXXzXXXXXXXXXXXX-770458061.gif" alt="" width="248px" height="208"> </a></li></ul></div></div></div></div><a name="sgmb"></a>