首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修代码

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

    2015-06-30 11:15:48 人气:6965

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

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    装修代码

    装修代码

    免费提供淘宝装修代码、淘宝模板、淘宝装修素材、淘宝装修教程,装修技巧等,让宝贝的曝光率和成交率暴增。顾客一看就无法忘记。

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议