店招+搜索框+导航鼠标滑过+下拉菜单效果(天猫淘宝通用)

誓言芜罪 发表于 2015-8-4 11:07:30 | 显示全部楼层   [复制链接]
2092 47230
回复

使用道具 举报

发表于 2016-12-11 11:03:05 | 显示全部楼层
<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-电商代码交流平台
发表于 2017-9-7 13: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-电商代码交流平台
发表于 2017-9-1 10:56:20 | 显示全部楼层
<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-8-4 10:57:03 | 显示全部楼层
回复一下 必须 学习学习

点评

赚够元宝再下了,努力赚多多元宝  详情 回复 发表于 2015-9-19 05:41
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-8-4 10:57:08 | 显示全部楼层
简直是 66666的啊

点评

赚够元宝再下了,努力赚多多元宝  详情 回复 发表于 2015-9-19 05:42
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-8-4 10:57:09 | 显示全部楼层
沙发!听说好好回复能够好好的牛逼一回然后再远方的齐天大圣都会知道我的装逼不仅仅是给他看的,更重要的是字写的多可以表现出我装逼的技术更上一层楼!

点评

赚够元宝再下了,努力赚多多元宝  详情 回复 发表于 2015-9-19 05:43
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-8-4 10:58:59 | 显示全部楼层
大神啊  干货

点评

元宝不够,赚元宝来了  详情 回复 发表于 2016-11-8 19:07
赚够元宝再下了,努力赚多多元宝  详情 回复 发表于 2015-9-19 05:43
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-8-4 11:02:26 | 显示全部楼层
代码已收到,要是有学怎么调 用就好咯

点评

元宝不够,赚元宝来了  详情 回复 发表于 2016-11-8 19:06
元宝不够求发个呀  详情 回复 发表于 2016-11-8 19:04
赚够元宝再下了,努力赚多多元宝,刚刚好够了  详情 回复 发表于 2015-9-19 05:44
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-8-4 11:03:55 | 显示全部楼层
我来看看 学习学习  没有水  10个字

点评

沙发!听说好好回复能够好好的牛逼一回然后再远方的  详情 回复 发表于 2016-11-27 12:35
淘码神论坛Taomashen.com-电商代码交流平台
发表于 2015-8-4 11:07:30 | 显示全部楼层
一直在跟随大神的脚步           

点评

沙发!听说好好回复能够好好的牛逼一回然后再远方的  详情 回复 发表于 2016-11-27 12:35
元宝不够,赚元宝来了  详情 回复 发表于 2016-11-8 19:06
元宝不够求发个呀  详情 回复 发表于 2016-11-8 19:05
淘码神论坛Taomashen.com-电商代码交流平台
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

推荐阅读

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

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

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

京IP备案号:BGJ15464X

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