日期:2014-05-16  浏览次数:20448 次

帮助你更好理解javascript中easing功能的网站 - Easings.net

日期:2012-10-17??来源:GBin1.com

帮助你更好理解javascript中easing功能的网站 - Easings.net

如果你开发过jQuery 的动画效果的话,肯定接触过一个jQuery 插件:jquery.easing plugin,这个插件可以帮助你生成不同类型的动画风格。使用的方式都是不同的easing功能,例如:

  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • 等等

easing究竟什么意思?

easing简单说来是动画运行速度。 通过控制它,你可以得到不一样的动画效果,比如,均匀移动,加速移动,减速移动等等。

两个帮助你理解easing的网站

为了更好的理解easing,这里我们介绍两个不错的网站,希望对大家有帮助!

Easings.net

这个网站介绍了不同的easing功能的特点,你可以很直观的从图表中看到区别,并且拥有中文版,相信e文不好的朋友肯定会非常喜欢!

帮助你更好理解javascript中easing功能的网站 - Easings.net c

除了javascript之外的实现,同时介绍了CSS的easing动画实现。相信如果需要使用CSS来实现动画的朋友会觉得非常有用。

另外,如果你对于CSS实现的easing比较感兴趣,还可以参考另外一个网站http://cubic-bezier.com ,这个网站介绍了如何使用CSS来实现easing效果。你可以非常清楚的了解执行方式和区别。

帮助你更好理解javascript中easing功能的网站 - Easings.net

来源:帮助你更好理解javascript中easing功能的网站 - Easings.net