加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

javascript的缓动结果(第2部门)

发布时间:2018-08-18 14:53:05 所属栏目:创业 来源:站长网
导读:上一篇文章《Javascript的缓动结果(第1部门)》这部门对原先的缓动函数举办抽象化,并团结缓动公式举办强化。制品的结果很是惊人逆天。走过途经不要错过。 好了,取笑到此为止。平凡的加快减速是难以让人满足的,为了实现弹簧等让人目眩凌乱的结果必需动

上一篇文章《Javascript的缓动结果(第1部门)》这部门对原先的缓动函数举办抽象化,并团结缓动公式举办强化。制品的结果很是惊人逆天。走过途经不要错过。

好了,取笑到此为止。平凡的加快减速是难以让人满足的,为了实现弹簧等让人目眩凌乱的结果必需动用缓动公式。我见过两套缓动公式,一套是早期Robert Penner大神的缓动公式,内置到tween类中,不外此刻人们越来越保举tweenlite这个新秀了。另一套是script.aculo.us与mootools内里的,因为mootools可称之为prototype的进级版,script.aculo.us则是基于prototype,我们就把它们并称为prototype门户。与flash门户最大的差异是,它们封装得更好,并只需传入一个参数(0~1的小数),而且拥有精密的行列机制来挪用各类回调函数。如在回调函数配置元素的长宽,就弄成Scale殊效,操作它我们进一步建造SlideUp,SlideDown,Squish等复合殊效。

我们先来看flash门户的缓动公式,它们根基都有如下四个参数。

t:timestamp,指缓动结果开始执行到当前帧开始执行时颠末的时刻段,单元ms
b:beginning position,起始位置
c:change,要移动的间隔,就是终点位置减去起始位置。
d: duration ,和缓结果一连的时刻。
我们把这四个参数传入Robert Penner大神的缓动公式,它就管帐算出当前帧物体移动的位置。我们比拟原本的函数来改写。

转自:http://www.cnblogs.com/rubylouvre/

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读