淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2119|回复: 16
收起左侧

[美工相关] 京东固定背景交替怎么弄 哪位大侠知道?

[复制链接]
  • TA的每日心情
    吐舌头
    2016-10-30 13:08
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    25

    主题

    413

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27586

    淘宝钻级店美工最佳新人热心会员

    QQ
    发表于 2015-6-29 09:37:57 | 显示全部楼层 |阅读模式
    天猫的和京东的代码不通用诶   求大神告知  京东固定背景交替怎么弄  就像杰克琼斯这样的。jackjones.jd.com

    时光简陋覆水难收。
  • TA的每日心情

    2016-10-26 14:13
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    15

    主题

    816

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    93422

    宣传达人

    QQ
    发表于 2015-6-29 16:28:51 | 显示全部楼层
    1. <div class="fn-clear userdefined-21" instanceid="21753542" module-name="UserDefine" style="" origin="0">
    2.         <div class="mc" style=";">
    3.                  <div class="j-module" module-function="autoCenter" module-param="{}">
    4.         <div class="userDefinedArea" style="width: 1920px; margin-left: -8.5px;">
    5.                 <style>.user_summer_hjbk li a{ display:block; width:495px; height:210px; transition:all .5s;-webkit-transition:all .5s;}
    6. .user_summer_hjbk li a:hover{ background-position:-495px 0;}
    7. .user_summer_hjbk li a:hover{ color:#000;}
    8. .user_summer_hjbk .user_none .user_sumer_name{ opacity:0; transition:all .4s;-webkit-transition:all .4s;}
    9. .user_summer_hjbk .user_none:hover .user_sumer_name{ opacity:1;}
    10. .user_summer_hjbk .user_block:hover .user_sumer_name{ opacity:0;}
    11. .user_summer_imgfz221{width:221px;height:138px;display:block;float:left;}
    12. .user_summer_imgfz221:hover{background-position:221px 0;}
    13. .user_btnBuy_bw{ border:1px solid #fff; text-align:center; display:inline-block; text-decoration:none; width:80px;line-height:27px; color:#fff;}
    14. .user_btnBuy_bw:hover{ background:#fff; color:#000;}</style><div class="user_mt80" style="background:url([img]http://img10.360buyimg.com/imgzone/jfs/t1309/344/640013081/276137/c7ef295a/558d2070N59f1d1c7.jpg[/img]) #FFF no-repeat fixed top center;"><div class="user_w990" style="height:138px;padding:360px 465px 40px 465px;"> <a class="user_summer_imgfz221" href="http://mall.jd.com/view_search-198595-2315952-99-1-24-1.html" style="background-image:url([img]http://img13.360buyimg.com/cms/jfs/t853/50/719405898/12718/d21e6db8/553edfb7Nff32892d.png[/img]);float:left;display:block;margin-right:35px;" target="_blank"> </a> <a class="user_summer_imgfz221" href="http://mall.jd.com/view_search-198595-2316123-99-1-24-1.html" style="background-image:url([img]http://img14.360buyimg.com/cms/jfs/t499/53/1208401466/12407/9c1063f8/553edfb7N7124435f.png[/img]);float:left;display:block;margin-right:35px;" target="_blank"> </a> <a class="user_summer_imgfz221" href="http://mall.jd.com/view_search-198595-2316070-1-0-20-1.html" style="background-image:url([img]http://img12.360buyimg.com/cms/jfs/t871/63/721290997/10084/b5616430/553edfb7N1f7af158.png[/img]);float:left;display:block;margin-right:35px;" target="_blank"> </a> <a class="user_summer_imgfz221" href="http://mall.jd.com/view_search-198595-2315923-1-0-20-1.html" style="background-image:url([img]http://img14.360buyimg.com/cms/jfs/t817/147/711814680/11074/68eb570d/553edfb7N5d7804bd.png[/img]);float:left;display:block;margin-right:0px;" target="_blank"> </a></div></div><div class="user_w990 user_txtC user_mt80" style="padding:0 465px;"><h3 style="font-size:48px;line-height:60px;color:#000;" align="center">明星爆款专区5折起售</h3><div style="font-size:24px;line-height:40px;color:#000;" align="center"> 进店必买 单件包邮</div><div align="center"> <a href="http://sale.jd.com/mall/bgyUoatkEIYR82er.html" target="_blank" class="user_btnBuy_b user_mt10">查看全部</a></div></div><div class="user_mt60" style="background:#EEEFF1;overflow:hidden;height:1680px;">
    15.         </div>
    16. </div>
    17.         </div>
    18. </div>
    复制代码

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


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

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情

    3 天前
  • 签到天数: 626 天

    连续签到: 1 天

    [LV.9]已臻大成

    68

    主题

    972

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116654

    最佳新人热心会员

    发表于 2015-6-29 10:01:05 | 显示全部楼层
    同求》》》》》》

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


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

  • TA的每日心情
    吐舌头
    前天 15:29
  • 签到天数: 168 天

    连续签到: 1 天

    [LV.7]炉火纯青

    30

    主题

    923

    帖子

    8万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    86347

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

    QQ
    发表于 2015-6-29 10:06:57 | 显示全部楼层
    貌似要模板才能做,自定义不能,因为京东现在会屏蔽fixed属性了,要么你试试下
  • TA的每日心情

    2016-10-26 14:13
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    15

    主题

    816

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    93422

    宣传达人

    QQ
    发表于 2015-6-29 10:23:52 | 显示全部楼层
    1. <div class="fn-clear userdefined-21" instanceid="21753539" module-name="UserDefine" style="" origin="0">
    2.         <div class="mc" style=";">
    3.                  <div class="j-module" module-function="autoCenter" module-param="{}">
    4.         <div class="userDefinedArea" style="width: 1920px; margin-left: -8.5px;">
    5.                 <style>.user_posA{ position:absolute;}
    6. .user_posR{ position:relative}
    7. .user_w990{width:990px;font-family:微软雅黑; margin:0 auto;}
    8. .user_hjul{ overflow:hidden; list-style:none;font-family:微软雅黑; text-align:center; line-height:26px; clear:both;margin:0;padding:0;}
    9. .user_hjul li{ float:left;}
    10. .user_hjul li img{display:block}
    11. .user_hjul li a{ color:#000; text-decoration:none; font-size:14px;}
    12. .user_hjul li a:hover{ color:#333;}
    13. .user_hjul li.user_mr0{ margin:0;}
    14. .user_s10 li{ margin-right:10px;}
    15. .user_s30 li{ margin-right:30px;}
    16. .user_btn_xpsd li{ margin-right:30px;}
    17. .user_btn_xpsd li a{float:left;height:44px;line-height:44px;width:172px;background:none;border:1px solid #000;text-align:center;color:#000;font-size:14px;text-decoration:none;font-weight:bold;}
    18. .user_btn_xpsd li a:hover{background:#000;color:#fff;}</style><div style="background:url([img]http://img12.360buyimg.com/cms/jfs/t1420/127/391418841/300310/5f8e3b73/557f7daaN49cb57c6.jpg[/img]) fixed center top;height:1340px;"><div class="user_w990 user_posR" style="height:578px;"><div style="width:155px;padding-top:310px;"></div><div style="text-align:right;width:615px;color:#000;top:370px;right:0px;line-height:66px;" class="user_posA"><div style="font-size:58px;font-weight:bolder;"> NEW ARRIVAL</div><div style="font-size:48px;font-weight:bolder;"> 新品速递</div><div style="font-size:14px;line-height:18px;margin-top:10px;color:#000;font-weight:bolder;"> 每周二/五上新 上新当日9.5折</div></div></div><div style="padding-top:80px;background:#FFF;height:682px;"><div class="user_w990" style="background:#FFF;height:44px;"><ul class="user_hjul user_btn_xpsd"><li> <a target="_blank" href="http://mall.jd.com/view_search-198595-3110428-1-0-20-1.html">6月26日上新</a>    </li><li> <a target="_blank" href="http://mall.jd.com/view_search-198595-3087383-1-0-20-1.html">6月23日上新</a>                    </li><li> <a target="_blank" href="http://mall.jd.com/view_search-198595-2876759-1-0-20-1.html">2015秋季新品</a>    </li><li> <a target="_blank" href="http://jackjones.jd.com/view_search-198595-61055-56803-2843826-5-0-0-1-1-20.html?isGlobalSearch=0">4月新品合集</a>    </li><li class="user_mr0"> <a target="_blank" href="http://jackjones.jd.com/view_search-198595-61055-56803-2843827-5-0-0-0-1-24.html?isGlobalSearch=0">5月新品合集</a></li></ul><div style="margin-top:30px;" align="center"> <img class="" src="http://img11.360buyimg.com/cms/jfs/t1183/112/1267297532/269356/d75c180b/558cc77cN151118e1.jpg" alt=" 4-14上新" usemap="#sx0052201" border="0">   <map name="sx0052201"> <area shape="poly" coords="423,467" href="#"> <area shape="poly" coords="300,570" href="#"><area shape="poly" coords="612,217" href="#"><area shape="rect" coords="9,47,313,595" href="http://item.jd.com/1601421240.html" target="_blank"><area shape="rect" coords="839,279,972,584" href="http://item.jd.com/1597944711.html" target="_blank"><area shape="rect" coords="697,216,837,492" href="http://item.jd.com/1596758304.html" target="_blank"><area shape="poly" coords="490,79,540,158,557,237,531,396,608,400,673,377,684,202,677,127,660,65,584,53" href="http://item.jd.com/1596729753.html" target="_blank"><area shape="rect" coords="332,296,486,557" href="http://item.jd.com/1602044933.html" target="_blank"><area shape="poly" coords="343,144,324,204,318,273,374,290,456,284,484,292,495,344,511,340,525,292,538,226,538,193,517,151,457,111" href="http://item.jd.com/1597920071.html" target="_blank"></map>                  </div></div></div></div>
    19.         </div>
    20. </div>
    21.         </div>
    22. </div>
    复制代码

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


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

  • TA的每日心情

    2016-10-26 14:13
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    15

    主题

    816

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    93422

    宣传达人

    QQ
    发表于 2015-6-29 10:24:59 | 显示全部楼层
    京东的代码随便副职

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


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

  • TA的每日心情
    吐舌头
    2016-10-30 13:08
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    25

    主题

    413

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27586

    淘宝钻级店美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-6-29 11:13:43 | 显示全部楼层
    wewe 发表于 2015-6-29 10:24
    京东的代码随便副职

    求复制方法

    时光简陋覆水难收。
  • TA的每日心情
    吐舌头
    2016-10-30 13:08
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    25

    主题

    413

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27586

    淘宝钻级店美工最佳新人热心会员

    QQ
     楼主| 发表于 2015-6-29 11:20:10 | 显示全部楼层
    誓言芜罪 发表于 2015-6-29 10:06
    貌似要模板才能做,自定义不能,因为京东现在会屏蔽fixed属性了,要么你试试下
    ...

    可是杰克琼斯貌似是没有模板的哦~  

    时光简陋覆水难收。
  • TA的每日心情

    2016-10-26 14:13
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    15

    主题

    816

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    93422

    宣传达人

    QQ
    发表于 2015-6-29 16:29:45 | 显示全部楼层
    说了随便复制,很开放的

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-8 08:12 , Processed in 0.120324 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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