资讯专栏INFORMATION COLUMN

TweenMax.js入门记录

jhhfft / 960人阅读

摘要:示例起步得到动画的实例基础方法添加动画参数说明元素原生,,元素选择器或对象持续时间对象变化的属性值可选动画延迟发生时间可写数字,,其他方法停止动画开始动画反向开始动画运动结束后触发对应的函数反向运动结束后触发对应的函数例子

示例

http://codepen.io/hockor/pen/VeroGP

起步

得到动画的实例

    new TimelineMax()
基础方法

to():添加动画

参数说明:1. 元素(原生,jq),元素选择器或对象   2. 持续时间(s)   3. 对象 :变化的属性->值   4. 【可选】动画延迟发生时间 (可写数字,“-=0.5”,“+=0.5“)        
其他方法

stop():停止动画
play():开始动画
reverse():反向开始动画
onComplete():运动结束后触发对应的函数
onReverseComplete():反向运动结束后触发对应的函数

例子

http://codepen.io/hockor/pen/xZPvNV

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/78515.html

相关文章

  • GSAP - 专业的 Web 动画库

    摘要:虽然没有视觉效果,但这就是基本的值动画。有专门的位置可以查询缓动函数。另外,不要期望在不支持的浏览器上做动画。是专业动画库,在大部分情况下,它也具备更好的动画性能。 说到在网页里创建动画,你可能很快会想到jQuery的animate()方法,或者css3的animation和transition。现在,本文将介绍另一个web动画的可选方案,GSAP。 GSAP的全名是GreenSock...

    MASAILA 评论0 收藏0
  • Web前端常用代码笔记整理(01)

    摘要:第二段代码如下修改就可以了改这一行其实你的本质问题就在于误认为是数组对象,然而它是构造函数。它继承自构造函数被执行。故视为两个字符串的拼接,结果为字符串,其长度为。 1.[] 和 Array 调用 slice 方法引起的问题 问题表示:在某些场景下,需要将函数的 arguments 参数作为一个数组调用,但是 arguments 是一个奇异对象,所以试着将 arguments 转化为一...

    jas0n 评论0 收藏0
  • MongoDB最简单的入门教程之五-通过Restful API访问MongoDB

    摘要:通过前面四篇的学习,我们已经在本地安装了一个数据库,并且通过一个简单的应用的单元测试,插入了几条记录到中,并通过查看到了插入的数据。读操作最终将会使用我们在最简单的入门教程之三使用代码往里插入数据里介绍的方法,即通过注入的实例完成对的操作。 通过前面四篇的学习,我们已经在本地安装了一个MongoDB数据库,并且通过一个简单的Spring boot应用的单元测试,插入了几条记录到Mong...

    xeblog 评论0 收藏0
  • MongoDB最简单的入门教程之五-通过Restful API访问MongoDB

    摘要:通过前面四篇的学习,我们已经在本地安装了一个数据库,并且通过一个简单的应用的单元测试,插入了几条记录到中,并通过查看到了插入的数据。读操作最终将会使用我们在最简单的入门教程之三使用代码往里插入数据里介绍的方法,即通过注入的实例完成对的操作。 通过前面四篇的学习,我们已经在本地安装了一个MongoDB数据库,并且通过一个简单的Spring boot应用的单元测试,插入了几条记录到Mong...

    xiaolinbang 评论0 收藏0

发表评论

0条评论

jhhfft

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<