还停留在2D视图的时代吗？咱们的卖家们可不能out了。今天，甩手为大家带来了引流利器：带特效淘宝分类网店装修代码。此店铺分类代码由5个版块组成，鼠标放上后，板块会向右侧展开，右侧模板轮播和抖动展示大图片。一键带领大家进入3D新视感的时代。
安装代码的时候，还请大家注意该模板适用于旺铺专业版店铺，代码中的中文字体可以根据店家的具体要求进行相应修改，但是切忌自行修改模板中的板块大小，以免出现错位或者板块破裂。
<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>
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源： 带特效淘宝分类网店装修代码分享
