[原创]分享两个淘宝系统导航样式代码

誓言芜罪 发表于 2015-7-11 21:50:21 | 显示全部楼层   [复制链接]
846 25002

要先注册登录,才能看教程,下载附件哦!

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
之前做的,在群共享分享很久了,一直没发上来,

这两个没什么多大区别,只是导航的大小不同

鼠标滑过的颜色块,自己可以随意调节方向



导航样式1效果
111.gif

导航样式2效果
222.gif


↓↓↓回复下载代码↓↓↓
游客,如果您要查看本帖隐藏内容请回复



点评

海!外直播 t.cn/RxmJTRS 禁闻视频 t.cn/RJvO78a 60年,中国做两件事:一公私合营人民公社.二否定公私合营否定人民公社.前30年,冤假错案超过三千年总和.后30年,贪污***超过三千年总和.前30年折腾政治.后30年,折腾经济   发表于 2019-7-6 01:29

楼主热帖
heatlevel誓言装修助手2.2[重大更新]
heatlevel免费添加悬浮和使用设计师模块(已失效)
heatlevel店招+搜索框+导航鼠标滑过+下拉菜单效果(天猫淘宝通用)
heatlevel誓言装修助手2.1 [重大更新]
heatlevel升级!誓言自由编辑布局新工具3.0
heatlevel【原创】天猫淘宝制作多层固定背景视频教程
heatlevel誓言装修助手1.9 震撼发布![重大更新]
heatlevel天猫开关灯特效代码,无需CSS权限
heatlevel誓言装修助手2.0[更新]
heatlevel各种装修教程、代码分享、资源下载集合帖!!!
heatlevel【誓言元旦福利】淘宝代码生成器1.6版本【更新12.31】
heatlevel新特效放出!淘宝自动上下浮动代码




求速卖通放大镜代码,淘宝代码加进去没有用怎么办!
导航显示问题
回复

使用道具 举报

发表于 2018-6-4 16:51:45 | 显示全部楼层
<div style="width:990px;height:115px;">   <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:50%; top:auto;">     <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:-495px; top:-0px;z-index:2;">       <div class="J_TWidget" data-widget-type="Tabs" data-widget-config="{'navCls':'shiyan-youhuiquan-nav','contentCls':'shiyan-youhuiquan-con','activeTriggerCls':'hidden','triggerType':'click','effect':'fade','autoplay':false}">         <div style="position:relative;width:990px;height:115px;overflow:hidden;">            <!--优惠券部分开始-->            <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">           <map name="Map_youhuiquan1">             <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">             <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">             <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">             <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">           </map>           <!--优惠券部分结束-->          </div>         <div class="shiyan-youhuiquan-slide-con shiyan-youhuiquan-con footer-more-trigger sn-simple-logo" style="left:0px;top:0px;padding:0; border:none;height:0px;width:990px;">           <div class="con-item" style="display: block; opacity: 1; position: absolute; z-index: 9;">             <div style="width:990px;height:115px;opacity:0.8;filter:progidXImageTransform.Microsoft.Alpha(opacity=80);"></div>           </div>           <div class="con-item" style="display: block; opacity: 0; position: absolute; z-index: 1;">             <div style="position:relative;width:990px;height:115px;overflow:hidden;">                               <!--优惠券部分开始-->                <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">               <map name="Map_youhuiquan1">                 <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">                 <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">                 <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">                 <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">               </map>               <!--优惠券部分结束-->                             </div>           </div>         </div>         <div class="shiyan-youhuiquan-nav footer-more-trigger sn-simple-logo" style="left:0px;top:0px; z-index: 11; padding:0; border:none;">           <div class="hidden" style="z-index: 2;"></div>           <div style="width:990px;height:115px;">              <!--    点击收藏或关注开始-->              <a href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.1-c.0.0.FOauce&id=65942818&itemid=65942818&itemtype=0&sellerid=686821827&scjjc=2" target="_blank" class="J_TokenSign"> <img src="http://img03.taobaocdn.com/imgextra/i3/686821827/TB2I2QcbFXXXXcpXXXXXXXXXXXX_!!686821827.png"></a>              <!--    点击收藏或关注结束-->            </div>         </div>       </div>     </div>   </div> </div> </div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2018-6-4 16:51:30 | 显示全部楼层
<div style="width:990px;height:115px;">   <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:50%; top:auto;">     <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:-495px; top:-0px;z-index:2;">       <div class="J_TWidget" data-widget-type="Tabs" data-widget-config="{'navCls':'shiyan-youhuiquan-nav','contentCls':'shiyan-youhuiquan-con','activeTriggerCls':'hidden','triggerType':'click','effect':'fade','autoplay':false}">         <div style="position:relative;width:990px;height:115px;overflow:hidden;">            <!--优惠券部分开始-->            <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">           <map name="Map_youhuiquan1">             <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">             <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">             <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">             <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">           </map>           <!--优惠券部分结束-->          </div>         <div class="shiyan-youhuiquan-slide-con shiyan-youhuiquan-con footer-more-trigger sn-simple-logo" style="left:0px;top:0px;padding:0; border:none;height:0px;width:990px;">           <div class="con-item" style="display: block; opacity: 1; position: absolute; z-index: 9;">             <div style="width:990px;height:115px;opacity:0.8;filter:progidXImageTransform.Microsoft.Alpha(opacity=80);"></div>           </div>           <div class="con-item" style="display: block; opacity: 0; position: absolute; z-index: 1;">             <div style="position:relative;width:990px;height:115px;overflow:hidden;">                               <!--优惠券部分开始-->                <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">               <map name="Map_youhuiquan1">                 <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">                 <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">                 <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">                 <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">               </map>               <!--优惠券部分结束-->                             </div>           </div>         </div>         <div class="shiyan-youhuiquan-nav footer-more-trigger sn-simple-logo" style="left:0px;top:0px; z-index: 11; padding:0; border:none;">           <div class="hidden" style="z-index: 2;"></div>           <div style="width:990px;height:115px;">              <!--    点击收藏或关注开始-->              <a href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.1-c.0.0.FOauce&id=65942818&itemid=65942818&itemtype=0&sellerid=686821827&scjjc=2" target="_blank" class="J_TokenSign"> <img src="http://img03.taobaocdn.com/imgextra/i3/686821827/TB2I2QcbFXXXXcpXXXXXXXXXXXX_!!686821827.png"></a>              <!--    点击收藏或关注结束-->            </div>         </div>       </div>     </div>   </div> </div> </div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2016-3-9 10:12:47 | 显示全部楼层
<div style="width:990px;height:115px;">   <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:50%; top:auto;">     <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;  padding:0px;border:0;left:-495px; top:-0px;z-index:2;">       <div class="J_TWidget" data-widget-type="Tabs" data-widget-config="{'navCls':'shiyan-youhuiquan-nav','contentCls':'shiyan-youhuiquan-con','activeTriggerCls':'hidden','triggerType':'click','effect':'fade','autoplay':false}">         <div style="position:relative;width:990px;height:115px;overflow:hidden;">            <!--优惠券部分开始-->            <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">           <map name="Map_youhuiquan1">             <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">             <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">             <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">             <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">           </map>           <!--优惠券部分结束-->          </div>         <div class="shiyan-youhuiquan-slide-con shiyan-youhuiquan-con footer-more-trigger sn-simple-logo" style="left:0px;top:0px;padding:0; border:none;height:0px;width:990px;">           <div class="con-item" style="display: block; opacity: 1; position: absolute; z-index: 9;">             <div style="width:990px;height:115px;opacity:0.8;filter:progidXImageTransform.Microsoft.Alpha(opacity=80);"></div>           </div>           <div class="con-item" style="display: block; opacity: 0; position: absolute; z-index: 1;">             <div style="position:relative;width:990px;height:115px;overflow:hidden;">                               <!--优惠券部分开始-->                <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">               <map name="Map_youhuiquan1">                 <area style="outline:none;" coords="807,14,966,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.2.nGRNgt&sellerId=2261078975&activityId=208136122&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">                 <area style="outline:none;" coords="630,14,789,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.3.nGRNgt&sellerId=2261078975&activityId=207288305&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">                 <area style="outline:none;" coords="454,14,613,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.4.nGRNgt&sellerId=2261078975&activityId=207296320&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">                 <area style="outline:none;" coords="278,14,437,99" href="http://taoquan.taobao.com/coupon/unify_apply.htm?spm=a1z10.1-b.w5003-9989726202.5.nGRNgt&sellerId=2261078975&activityId=207412332&scene=taobao_shop" target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">               </map>               <!--优惠券部分结束-->                             </div>           </div>         </div>         <div class="shiyan-youhuiquan-nav footer-more-trigger sn-simple-logo" style="left:0px;top:0px; z-index: 11; padding:0; border:none;">           <div class="hidden" style="z-index: 2;"></div>           <div style="width:990px;height:115px;">              <!--    点击收藏或关注开始-->              <a href="http://favorite.taobao.com/popup/add_collection.htm?spm=a1z10.1-c.0.0.FOauce&id=65942818&itemid=65942818&itemtype=0&sellerid=686821827&scjjc=2" target="_blank" class="J_TokenSign"> <img src="http://img03.taobaocdn.com/imgextra/i3/686821827/TB2I2QcbFXXXXcpXXXXXXXXXXXX_!!686821827.png"></a>              <!--    点击收藏或关注结束-->            </div>         </div>       </div>     </div>   </div> </div> </div>
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 13:59:09 | 显示全部楼层
楼主大神太厉害了,膜拜~楼主大神太厉害了,膜拜~楼主大神太厉害了,膜拜~

点评

太神了,楼主简直超神了呢  详情 回复 发表于 2015-9-19 13:04
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 14:14:17 | 显示全部楼层
太棒了,感谢楼主分享!支持楼主
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 14:15:16 | 显示全部楼层
拿分走人呵呵,楼下继续!
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 14:40:20 | 显示全部楼层
太棒了,感谢楼主分享!有这样的大神分享资源,一起学习,真的是太好了。。。

点评

拿分走人呵呵,楼下继续!  详情 回复 发表于 2015-9-19 13:05
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 14:49:22 | 显示全部楼层
太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 19:27:51 | 显示全部楼层
太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!太棒了,感谢楼主分享!
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 20:43:44 | 显示全部楼层
小白  不知道能不能看懂

点评

拿分走人呵呵,楼下继续!  详情 回复 发表于 2015-9-19 13:05
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-7-11 21:50:21 | 显示全部楼层
太棒了,感谢楼主分享!
淘码神论坛Taomashen.com-电商代码交流平台
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

推荐阅读

返回顶部快速回复上一主题下一主题返回列表联系站长关注微信

QQ| Archiver|手机版|小黑屋|联系站长| 淘码神论坛 ( 粤ICP备15035760号-1 )     

Powered by Discuz! X3.2© 2001-2013 Comsenz Inc.  Templated By 迪恩网络

京IP备案号:BGJ15464X

扫一扫二维码
现在关注我们
赠送精美礼品
返回顶部 返回列表