淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 798|回复: 13
收起左侧

[装修相关] 猴子这眼睛和桃子一直在动 是js实现的吗

[复制链接]
  • TA的每日心情
    臭美
    2016-7-28 10:53
  • 签到天数: 28 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    7

    主题

    12

    帖子

    3969

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3969

    发表于 2016-1-16 14:33:55 | 显示全部楼层 |阅读模式
    阿里年货节的页面

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


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

  • TA的每日心情
    抱抱
    2016-10-29 09:08
  • 签到天数: 614 天

    连续签到: 1 天

    [LV.9]已臻大成

    28

    主题

    624

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149236

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

    发表于 2016-1-16 17:05:02 | 显示全部楼层
    本帖最后由 Banner 于 2016-1-16 17:17 编辑

    css3 animation
    给个demo,保存成html就能看到效果:
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <style>
    5. div
    6. {
    7. width:100px;
    8. height:100px;
    9. background:red;
    10. position:relative;
    11. animation:mymove 5s infinite;
    12. -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
    13. }

    14. @keyframes mymove
    15. {
    16. 0% {left:0px;top:0px;}
    17. 33% {left:100px;top:100px;}
    18. 66% {left:0px;top:100px;}
    19. 100% {left:0px;top:0px;}
    20. }

    21. @-webkit-keyframes mymove /*Safari and Chrome*/
    22. {
    23. 0% {left:0px;top:0px;}
    24. 33% {left:100px;top:100px;}
    25. 66% {left:0px;top:100px;}
    26. 100% {left:0px;top:0px;}
    27. }
    28. </style>
    29. </head>
    30. <body>

    31. <p><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 animation 属性。</p>

    32. <div></div>

    33. </body>
    34. </html>
    复制代码



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


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

    回复 支持 2 反对 0

    使用道具 举报

  • TA的每日心情

    昨天 11:16
  • 签到天数: 652 天

    连续签到: 12 天

    [LV.9]已臻大成

    10

    主题

    860

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    123154

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

    发表于 2016-1-16 14:46:20 | 显示全部楼层
        要实现这个 不一定是JS呀!

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


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

  • TA的每日心情
    大哭
    前天 19:18
  • 签到天数: 651 天

    连续签到: 4 天

    [LV.9]已臻大成

    37

    主题

    2231

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    138218

    最佳新人热心会员宣传达人活跃会员优秀版主灌水之王

    QQ
    发表于 2016-1-16 15:23:50 | 显示全部楼层
    说不定就是个GIF
  • TA的每日心情
    抱抱
    2016-11-23 10:46
  • 签到天数: 135 天

    连续签到: 1 天

    [LV.7]炉火纯青

    9

    主题

    887

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31914

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

    QQ
    发表于 2016-1-16 16:25:43 | 显示全部楼层
    问问老马吧

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


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

  • TA的每日心情
    抱抱
    昨天 08:14
  • 签到天数: 587 天

    连续签到: 3 天

    [LV.9]已臻大成

    3

    主题

    356

    帖子

    10万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    109291

    最佳新人热心会员

    发表于 2016-1-16 17:27:06 | 显示全部楼层
    第一反应也是GIF = =

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


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

  • TA的每日心情
    加油
    2016-11-4 21:06
  • 签到天数: 136 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    649

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23710

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

    QQ
    发表于 2016-1-16 20:18:30 | 显示全部楼层
    gif可能性大

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


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

  • TA的每日心情
    加油
    2016-11-4 21:06
  • 签到天数: 136 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    649

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23710

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

    QQ
    发表于 2016-1-16 22:29:15 | 显示全部楼层
    有请楼下的大神为你解答

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


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

  • TA的每日心情
    不爽
    昨天 08:51
  • 签到天数: 959 天

    连续签到: 1 天

    [LV.10]功行圆满

    16

    主题

    1120

    帖子

    22万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    221159

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

    发表于 2016-1-16 22:57:32 | 显示全部楼层
    不是gif,楼上banner说的是正解,属于css3

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


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

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

    本版积分规则

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

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

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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