淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 10282|回复: 123
收起左侧

天猫淘宝点击收藏或关注后领券代码

  [复制链接]
  • TA的每日心情
    臭美
    2016-11-6 18:26
  • 签到天数: 167 天

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    923

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86237

    最佳新人热心会员宣传达人活跃会员

    QQ
    发表于 2015-1-26 14:47:28 | 显示全部楼层 |阅读模式
    本帖最后由 誓言芜罪 于 2015-1-27 16:34 编辑

    预览效果
    点击收藏.gif
    点击查看店铺效果http://meixinxin.taobao.com/#shop10038620595

    此效果之前也发布过,不过之前发的是悬浮的~
    天猫淘宝通用,在这里是店铺收藏的!
    点击品牌关注的大家自行修改!


    修改内容部分请看代码中的注释!PS:优惠券部分有两处是一样的

    回复查看代码
    1. <div style="width:990px;height:115px;">
    2.   <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;
    3. padding:0px;border:0;left:50%; top:auto;">
    4.     <div class="footer-more-trigger sn-simple-logo" style="width:990px;height:115px;
    5. padding:0px;border:0;left:-495px; top:-0px;z-index:2;">
    6.       <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}">
    7.         <div style="position:relative;width:990px;height:115px;overflow:hidden;">
    8.           <!--优惠券部分开始-->
    9.           <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">
    10.           <map name="Map_youhuiquan1">
    11.             <area style="outline:none;" coords="807,14,966,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">
    12.             <area style="outline:none;" coords="630,14,789,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">
    13.             <area style="outline:none;" coords="454,14,613,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">
    14.             <area style="outline:none;" coords="278,14,437,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">
    15.           </map>
    16.           <!--优惠券部分结束-->
    17.         </div>
    18.         <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;">
    19.           <div class="con-item" style="display: block; opacity: 1; position: absolute; z-index: 9;">
    20.             <div style="width:990px;height:115px;opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);"></div>
    21.           </div>
    22.           <div class="con-item" style="display: block; opacity: 0; position: absolute; z-index: 1;">
    23.             <div style="position:relative;width:990px;height:115px;overflow:hidden;">
    24.               
    25.               <!--优惠券部分开始-->
    26.               <img src="http://img01.taobaocdn.com/imgextra/i1/686821827/TB2rtoibFXXXXX.XXXXXXXXXXXX_!!686821827.jpg" usemap="#Map_youhuiquan1" border="0">
    27.               <map name="Map_youhuiquan1">
    28.                 <area style="outline:none;" coords="807,14,966,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.2">
    29.                 <area style="outline:none;" coords="630,14,789,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.3">
    30.                 <area style="outline:none;" coords="454,14,613,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.4">
    31.                 <area style="outline:none;" coords="278,14,437,99"  target="_blank" data-spm-wangpu-module-id="5003-9989726202" data-spm-anchor-id="a1z10.1-b.w5003-9989726202.5">
    32.               </map>
    33.               <!--优惠券部分结束-->
    34.               
    35.             </div>
    36.           </div>
    37.         </div>
    38.         <div class="shiyan-youhuiquan-nav footer-more-trigger sn-simple-logo" style="left:0px;top:0px; z-index: 11; padding:0; border:none;">
    39.           <div class="hidden" style="z-index: 2;"></div>
    40.           <div style="width:990px;height:115px;">
    41.             <!--    点击收藏或关注开始-->
    42.             <a  target="_blank" class="J_TokenSign"> <img src="http://img03.taobaocdn.com/imgextra/i3/686821827/TB2I2QcbFXXXXcpXXXXXXXXXXXX_!!686821827.png"></a>
    43.             <!--    点击收藏或关注结束-->
    44.           </div>
    45.         </div>
    46.       </div>
    47.     </div>
    48.   </div>
    49. </div>
    50. </div>
    复制代码









    评分

    参与人数 3美工币 +140 收起 理由
    平凡懒猫咪 + 20 大神,问个问题,优惠券链接是怎么做上去的.
    繁华瞬间 + 20 楼主每一贴都是精华!
    Rain + 100 赞一个!

    查看全部评分

    本帖被以下淘专辑推荐:

  • TA的每日心情

    2016-7-22 16:27
  • 签到天数: 209 天

    连续签到: 1 天

    [LV.7]炉火纯青

    11

    主题

    179

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    26657

    淘宝皇冠店美工最佳新人

    发表于 2015-1-26 14:50:35 | 显示全部楼层
    非常好!!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2016-7-22 16:27
  • 签到天数: 209 天

    连续签到: 1 天

    [LV.7]炉火纯青

    11

    主题

    179

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    26657

    淘宝皇冠店美工最佳新人

    发表于 2015-1-26 14:51:38 | 显示全部楼层
    每一次刷新都要点一次关注咯?不麻烦吗?

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-11-6 18:26
  • 签到天数: 167 天

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    923

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86237

    最佳新人热心会员宣传达人活跃会员

    QQ
     楼主| 发表于 2015-1-26 14:53:38 | 显示全部楼层
    vmjkkqq 发表于 2015-1-26 14:51
    每一次刷新都要点一次关注咯?不麻烦吗?

    代码就是这样,没法自动识别,这是缺点,没办法的

  • TA的每日心情
    抱抱
    2016-9-28 20:20
  • 签到天数: 158 天

    连续签到: 1 天

    [LV.7]炉火纯青

    18

    主题

    662

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    36323

    最佳新人热心会员

    发表于 2015-1-26 14:59:24 | 显示全部楼层
    非常棒,必须顶
    http://shop103653300.taobao.com

    该用户从未签到

    0

    主题

    1

    帖子

    109

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    109

    发表于 2015-1-26 15:07:52 | 显示全部楼层
    好东西,收藏了哈。。。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    2015-4-18 14:35
  • 签到天数: 7 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    30

    帖子

    4958

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4958

    发表于 2015-1-26 15:10:48 | 显示全部楼层
    找到了 歇息额

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2015-10-9 14:53
  • 签到天数: 246 天

    连续签到: 1 天

    [LV.8]自成一派

    7

    主题

    285

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    36050

    发表于 2015-1-26 15:10:53 | 显示全部楼层
    大神出没,必有代码

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    思考
    2015-10-5 16:32
  • 签到天数: 26 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    5

    主题

    247

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27725

    发表于 2015-1-26 15:11:12 | 显示全部楼层
    之前那个悬浮有这个,不过不知道怎么改,现在有了V5

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-11-17 13:26
  • 签到天数: 614 天

    连续签到: 1 天

    [LV.9]已臻大成

    15

    主题

    2199

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    147935

    淘宝钻级店美工天猫美工淘宝皇冠店美工最佳新人热心会员宣传达人活跃会员优秀版主

    发表于 2015-1-26 15:13:27 | 显示全部楼层
    过来学习的
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-3 02:06 , Processed in 0.151387 second(s), 40 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表