带特效淘宝分类网店装修代码分享

还停留在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>