淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 309|回复: 6
收起左侧

零基础都能看懂的淘宝天猫专业版全屏950海报加倒计时效果

[复制链接]
  • TA的每日心情
    加油
    3 天前
  • 签到天数: 6 天

    连续签到: 2 天

    [LV.2]登堂入室

    6

    主题

    29

    帖子

    1190

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1190

    最佳新人

    发表于 2017-11-14 16:15:40 | 显示全部楼层 |阅读模式
    1. <div class="J_TWidget" data-widget-config="{'endTime': '2014-12-30 00:00:00','interval': 1000, 'timeRunCls': '.cnm-countdown-run', 'timeUnitCls':{'d': '.ks-d','h': '.ks-h',  'm': '.ks-m', 's': '.ks-s',  'i': '.ks-i'  }, 'minDigit': 1, 'timeEndCls': '.cnm-countdown-end'}" data-widget-type="Countdown">
    2.                         <div class="cnm-countdown-run">
    3.                           <table border="0" cellpadding="0" cellspacing="0" class="" height="150" width="990">
    4.                             <tbody>
    5.                               <tr>
    6.                                 <td width="209">
    7.                                 </td>
    8.                                 <td style="text-align:center;padding-top:60px;" width="118">
    9.                                   <span class="ks-d" style="color:#000000;font-size:68px;font-weight:600;">10</span></td>
    10.                                 <td width="38">
    11.                                 </td>
    12.                                 <td style="text-align:center;padding-top:60px;" width="115">
    13.                                   <span class="ks-h" style="color:#000000;font-size:68px;font-weight:600;">7</span></td>
    14.                                 <td width="36">
    15.                                 </td>
    16.                                 <td style="text-align:center;padding-top:60px;" width="116">
    17.                                   <span class="ks-m" style="color:#000000;font-size:68px;font-weight:600;">29</span></td>
    18.                                 <td width="44">
    19.                                 </td>
    20.                                 <td style="text-align:center;padding-top:60px;" width="111">
    21.                                   <span class="ks-s" style="color:#000000;font-size:68px;font-weight:600;">3</span></td>
    22.                                 <td width="203">
    23.                                 </td>
    24.                               </tr>
    25.                             </tbody>
    26.                           </table>
    27.                         </div>
    28.                       </div>
    复制代码
    上面是我分享的一个关于首页海报添加倒计时的代码,有史以来写的最详细的步骤,相信小白也是能看得懂的哦,有任何问题留言,我会尽快回复。
    1.png 打开dw软件,选择html 2.png 清空里面的代码 3.png 插入—表格,除了宽度,全部为0 4.png 在红色我标出的位置,括号里面加代码 5.png 敲一下空格键(千万不能错,这一步)输入bac就会自动跳出background,双击选择 6.png 7.png 8.png ,部分图片无法插入,请跟帖查看

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


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

  • TA的每日心情
    加油
    3 天前
  • 签到天数: 6 天

    连续签到: 2 天

    [LV.2]登堂入室

    6

    主题

    29

    帖子

    1190

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1190

    最佳新人

     楼主| 发表于 2017-11-14 16:22:16 | 显示全部楼层
    看在我如此细心制作过程的朋友们支持一下哦

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


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

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    45

    主题

    2277

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    119328

    活跃会员热心会员

    发表于 2017-11-14 20:54:51 | 显示全部楼层
    虽然能看的懂,自己也会写,不需要这个,但是还是为楼主的无私奉献顶一个

  • TA的每日心情

    2017-11-15 11:03
  • 签到天数: 1074 天

    连续签到: 3 天

    [LV.10]功行圆满

    6

    主题

    169

    帖子

    17万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    179385

    发表于 2017-11-15 11:04:24 | 显示全部楼层
    感谢楼主的详解

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


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

  • TA的每日心情
    加油
    3 天前
  • 签到天数: 6 天

    连续签到: 2 天

    [LV.2]登堂入室

    6

    主题

    29

    帖子

    1190

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1190

    最佳新人

     楼主| 发表于 2017-11-15 12:14:23 | 显示全部楼层
    caspy 发表于 2017-11-14 20:54
    虽然能看的懂,自己也会写,不需要这个,但是还是为楼主的无私奉献顶一个

    ...

    这个就是闲来无事,写给新手小白看的,谢谢支持!

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


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

  • TA的每日心情
    加油
    3 天前
  • 签到天数: 6 天

    连续签到: 2 天

    [LV.2]登堂入室

    6

    主题

    29

    帖子

    1190

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1190

    最佳新人

     楼主| 发表于 2017-11-15 12:15:45 | 显示全部楼层
    六轴 发表于 2017-11-15 11:04
    感谢楼主的详解

    我今天更帖了,一天只能发8张图,你如果是新手小白,可以接着看哈,感谢支持

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


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

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    45

    主题

    2277

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    119328

    活跃会员热心会员

    发表于 2017-11-15 14:12:51 | 显示全部楼层
    xiayuchengsan 发表于 2017-11-15 12:14
    这个就是闲来无事,写给新手小白看的,谢谢支持!

    这种心态好,必须回来再赞一个

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

    本版积分规则

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

    GMT+8, 2017-11-24 00:58 , Processed in 0.162838 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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