淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2475|回复: 22
收起左侧

仿一个鼠标经过优惠券的代码

[复制链接]
  • TA的每日心情

    2016-11-20 16:01
  • 签到天数: 99 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24577

    最佳新人热心会员

    QQ
    发表于 2015-8-10 18:21:58 | 显示全部楼层 |阅读模式
    本帖最后由 hebghw 于 2015-8-10 18:23 编辑

    之前写过一个帖子,2个hover块的应用:http://www.taobaoux.com/thread-22167-1-2.html今天用这两个hover块复活一个以前的帖子

    原帖子:
    http://www.taobaoux.com/thread-11582-1-1.html

    原帖的代码是使用导航自定义CSS,现在不能自定义,只能调用淘宝已有的CSS,放测试代码
    1. <div style="height:600px;">
    2.   <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
    3.     <div class="footer-more-trigger footer-more" style="left:-960px;width:1920px;height:600px;top:auto;border:none;padding:0;background:#f5f5f5 url(1920*600大图);">
    4.     <div class="footer-more-panel" style="margin:0 auto;padding:0;bottom:0;right:0;border:none;text-align:center;width:1920px;height:300px;background:none;">
    5.        <a target="_blank" href="#" class="tmsg_app" style="display:inline-block;margin-right:15px;width:320px;height:200px;padding:0;border:none;background:#e5e5e5 url(绿色图片);">
    6.         <span class="tmsg_button_more" style="top:0;right:0;width:320px;height:200px;background:#d5d5d5 url(5元图片);background-position:0;"></span>
    7.          </a>
    8.      <a target="_blank" href="#" class="tmsg_app" style="display:inline-block;margin-right:15px;width:320px;height:200px;padding:0;border:none;background:#e5e5e5 url(绿色图片);">
    9.         <span class="tmsg_button_more" style="top:0;right:0;width:320px;height:200px;background:#d5d5d5 url(20元图片);background-position:0;"></span>
    10.          </a>
    11.      <a target="_blank" href="#" class="tmsg_app" style="display:inline-block;width:320px;height:200px;padding:0;border:none;background:#e5e5e5 url(绿色图片);">
    12.         <span class="tmsg_button_more" style="top:0;right:0;width:320px;height:200px;background:#d5d5d5 url(50元图片);background-position:0;"></span>
    13.          </a>
    14.     </div>
    15.   </div>
    16. </div>
    复制代码

    只写了测试代码,没有图片的,大家自己放图片测试一下
    里面的图片大家可以去原帖下载,上传的可能会失真,有问题跟帖回复
    T2dFDSXqJaXXXXXXXX_!!1974838544.jpg
    T25s9.XUFXXXXXXXXX_!!1974838544.jpg
    2.jpg
    T2DnWZXFFaXXXXXXXX_!!1974838544.jpg
    4.jpg








    补充内容 (2015-8-11 10:25):
    针对反映直接显示绿色,已做修改,请继续测试,代码12楼

    评分

    参与人数 1美工币 +80 收起 理由
    峰生水起之林 + 80 赞一个!

    查看全部评分

    淘宝代码问题直接加QQ:343063418
  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-8-10 19:24:54 | 显示全部楼层
    看起来很牛逼的样子
  • TA的每日心情
    抱抱
    2016-9-28 20:20
  • 签到天数: 158 天

    连续签到: 1 天

    [LV.7]炉火纯青

    18

    主题

    662

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    36323

    最佳新人热心会员

    发表于 2015-8-10 21:49:44 | 显示全部楼层
    好像很不错
    http://shop103653300.taobao.com
  • TA的每日心情

    2016-3-12 08:40
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]渐入佳境

    4

    主题

    141

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20818

    最佳新人热心会员

    发表于 2015-8-10 22:34:43 | 显示全部楼层
    淘宝直接自定义吗?
    我是快乐的小田田
  • TA的每日心情

    2016-11-20 16:01
  • 签到天数: 99 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    222

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24577

    最佳新人热心会员

    QQ
     楼主| 发表于 2015-8-10 23:46:41 | 显示全部楼层
    小田田 发表于 2015-8-10 22:34
    淘宝直接自定义吗?

    是的,首页直接自定义  就可以了

    淘宝代码问题直接加QQ:343063418
  • TA的每日心情

    2016-3-12 08:40
  • 签到天数: 85 天

    连续签到: 1 天

    [LV.6]渐入佳境

    4

    主题

    141

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    20818

    最佳新人热心会员

    发表于 2015-8-11 08:02:18 | 显示全部楼层
    hebghw 发表于 2015-8-10 23:46
    是的,首页直接自定义  就可以了

    好的 谢谢

    我是快乐的小田田
  • TA的每日心情
    臭美
    4 天前
  • 签到天数: 238 天

    连续签到: 2 天

    [LV.7]炉火纯青

    7

    主题

    150

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43745

    最佳新人热心会员

    QQ
    发表于 2015-8-11 08:30:20 | 显示全部楼层
    不错   很厉害  !!!

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


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

  • TA的每日心情
    大哭
    2016-7-15 17:18
  • 签到天数: 95 天

    连续签到: 1 天

    [LV.6]渐入佳境

    16

    主题

    300

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21402

    淘宝皇冠店美工最佳新人热心会员

    发表于 2015-8-11 09:58:44 | 显示全部楼层
    鼠标滑到海报上  直接显示三个  绿色“立即领取”。  求解答

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


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

  • TA的每日心情
    加油
    2016-11-26 16:52
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    14

    主题

    1111

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35311

    天猫美工最佳新人热心会员

    发表于 2015-8-11 10:02:16 | 显示全部楼层
    大神哇。
  • TA的每日心情

    2015-9-29 17:06
  • 签到天数: 87 天

    连续签到: 1 天

    [LV.6]渐入佳境

    26

    主题

    339

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    52932

    最佳新人热心会员天猫美工

    发表于 2015-8-11 10:04:59 | 显示全部楼层

    有南送的帖子就有我
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-5 00:25 , Processed in 0.122219 second(s), 25 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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