淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 835|回复: 14
收起左侧

[装修相关] 天猫详情鼠标滑过替换图片效果 不用css 怎么做 急求

[复制链接]
  • TA的每日心情
    加油
    2016-11-18 16:27
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    32

    帖子

    6540

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6540

    发表于 2016-3-25 11:06:46 | 显示全部楼层 |阅读模式
    这是用在线工具做的  但是放到详情是失效的
    <div class="wd_self_rel" data-title="战国策创意装修工具_全屏海报_淘宝服务市场" data-layout-width="950" style="width:790px;height:1146px;background-color:#FFFFFF;background-repeat:no-repeat;background-image:url(//gdp.alicdn.com/imgextra/i2/871412547/TB2Q01GlFXXXXazXXXXXXXXXXXX_!!871412547.jpg);background-attachment:scroll;background-position:50% 0%;">
            <div class="wd_self_abs WD_obverse" style="left:13px;top:15px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a220o.1000855.w5003-11033286004.1.P0QJAT&id=527912212372&rn=87b6fe37d424acdcbc8d102d50f63b3e&abbucket=4&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i3/871412547/TB2mvdmlFXXXXc8XXXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i3/871412547/TB2MlWflFXXXXauXpXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:272px;top:15px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.28.cumE41&id=526898731680&rn=f4b0cfb202b1a22eba1659b685d45d52&abbucket=19&skuId=3135540065562&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i3/871412547/TB2Ig1qlFXXXXauXpXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i3/871412547/TB2ysxzlFXXXXXmXpXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:532px;top:15px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.35.dXsg15&id=526929498577&rn=1c7645fda922388cac55a02be7f8c3f9&abbucket=19&skuId=3135507505330&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i4/871412547/TB2TTXIlFXXXXbxXpXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i3/871412547/TB2qFiclFXXXXcxXXXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:13px;top:389px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.36.WWPYl7&id=526948065411&rn=789c7c06e837fb3ae399c165812114c3&abbucket=19&skuId=3135442850703&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i2/871412547/TB2CfOJlFXXXXXEXXXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i3/871412547/TB2TRh_lFXXXXc_XpXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:272px;top:389px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.42.6lsrBY&id=526948041792&rn=77ef8a9ece330d1f3f285db6185e0f39&abbucket=19&skuId=3135557477369&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i3/871412547/TB2U7aelFXXXXaoXXXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i2/871412547/TB254uelFXXXXXDXpXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:532px;top:389px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.49.w8eG4N&id=45420485681&rn=ebea0a814d1adf26b0b7398d3c269392&abbucket=19&skuId=103078176163&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i2/871412547/TB2vraqlFXXXXa2XXXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i4/871412547/TB2JzCclFXXXXbbXpXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:13px;top:763px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.33.pBlJzs&id=45477607855&rn=c22b8a34b061ea1b329d674092fd32a0&abbucket=19&skuId=86704210247&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i2/871412547/TB2CPOclFXXXXcoXpXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i2/871412547/TB2lIOxlFXXXXb9XXXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:272px;top:763px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.27.0oHFnK&id=526929150624&rn=941d7116c56e80a3950dc30c11299b4d&abbucket=19&skuId=3135391666520&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i1/871412547/TB2D7hGlFXXXXabXpXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i3/871412547/TB2rjSilFXXXXadXpXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
            <div class="wd_self_abs WD_obverse" style="left:532px;top:763px;width:245px;height:357px;overflow:hidden;">
                     <a class="wd_hovimg" href="//detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-11001030044.32.tJW9V9&id=526937982494&rn=71492d02d94d14ffa07cb6eb304bf77a&abbucket=19&skuId=3135659840430&scene=taobao_shop" target="_blank" style="width:245px;height:357px;text-decoration:none;background-image:url(//gdp.alicdn.com/imgextra/i3/871412547/TB22KCdlFXXXXbsXpXXXXXXXXXX_!!871412547.jpg);"><img class="con_img" src="//gdp.alicdn.com/imgextra/i2/871412547/TB2nFaClFXXXXaSXXXXXXXXXXXX_!!871412547.jpg" /></a>
            </div>
    </div>


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


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

  • TA的每日心情
    加油
    2016-11-18 16:27
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    32

    帖子

    6540

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6540

     楼主| 发表于 2016-3-25 11:08:25 | 显示全部楼层
    https://detail.tmall.com/item.htm?spm=a1z10.5-b.w4011-11001011299.78.cqj44z&id=526898731680&rn=c257567341f1c0dab54dbf51ef620405&abbucket=19这是店铺里的效果,没有正反面了,只出现反面

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


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

  • TA的每日心情
    抱抱
    2016-11-23 10:46
  • 签到天数: 135 天

    连续签到: 1 天

    [LV.7]炉火纯青

    9

    主题

    887

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31914

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

    QQ
    发表于 2016-3-25 11:42:32 | 显示全部楼层
    楼下大神快回答

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


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

  • TA的每日心情
    思考
    2016-11-9 10:49
  • 签到天数: 364 天

    连续签到: 1 天

    [LV.8]自成一派

    13

    主题

    805

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40457

    淘宝皇冠店美工

    QQ
    发表于 2016-3-25 14:23:48 | 显示全部楼层
    详情页不是不支持代码?
    喜欢烘焙及养仓鼠的小渣渣
  • TA的每日心情
    加油
    2016-11-18 16:27
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    32

    帖子

    6540

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6540

     楼主| 发表于 2016-3-25 15:57:48 | 显示全部楼层
    但是我有看到有天猫实现那种效果的,代码小白就是惨

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


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

  • TA的每日心情
    加油
    2016-11-18 16:27
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    32

    帖子

    6540

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6540

     楼主| 发表于 2016-3-25 15:58:20 | 显示全部楼层
    艺佳潮店 发表于 2016-3-25 14:23
    详情页不是不支持代码?

    但是我有看到有天猫实现那种效果的,代码小白就是惨


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


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

  • TA的每日心情
    臭美
    2016-11-8 15:27
  • 签到天数: 100 天

    连续签到: 1 天

    [LV.6]渐入佳境

    13

    主题

    621

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15253

    最佳新人热心会员

    QQ
    发表于 2016-3-25 23:11:43 | 显示全部楼层
    详情页不会
    其实我就只会一点点的PS
  • TA的每日心情
    思考
    2016-11-9 10:49
  • 签到天数: 364 天

    连续签到: 1 天

    [LV.8]自成一派

    13

    主题

    805

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40457

    淘宝皇冠店美工

    QQ
    发表于 2016-3-28 13:39:23 | 显示全部楼层

    你应该把看到可以用的那个店发给大家看,另外听说天猫详情页顶部可以加自定义模块不是吗

    喜欢烘焙及养仓鼠的小渣渣
  • TA的每日心情
    加油
    2016-10-27 09:57
  • 签到天数: 146 天

    连续签到: 1 天

    [LV.7]炉火纯青

    37

    主题

    310

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    19677

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

    QQ
    发表于 2016-3-29 11:38:44 | 显示全部楼层
    这个太难了,以前我就研究过,听别人说,必须要CSS才行啊。

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


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

  • TA的每日心情
    加油
    2016-11-18 16:27
  • 签到天数: 14 天

    连续签到: 1 天

    [LV.3]武林新秀

    3

    主题

    32

    帖子

    6540

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6540

     楼主| 发表于 2016-4-25 15:14:24 | 显示全部楼层
    本帖最后由 夏日的静谧 于 2016-4-25 15:15 编辑
    艺佳潮店 发表于 2016-3-28 13:39
    你应该把看到可以用的那个店发给大家看,另外听说天猫详情页顶部可以加自定义模块不是吗

    ...
    https://detail.tmall.com/item.htm?spm=a1z10.1-b.w5003-14002650272.22.3zQevw&id=526937982494&rn=a6d8ced1dec09709a799e6c777656ee8&abbucket=4&scene=taobao_shop   这个

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


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

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-6 08:55 , Processed in 0.119240 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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