JavaScript实现的Tween算法及缓冲特效实例代码

本文实例讲述了JavaScript实现的Tween算法及缓冲特效。分享给大家供大家参考，具体如下：

这里演示Tween 算法及缓冲特效的JavaScript代码，利用它可以做缓动、弹簧等很多动画效果，怎么利用flash的Tween类的算法，来做js的Tween算法，并利用它做一些简单的缓动效果呢，看懂了本代码你就明白了。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-tween-run-style-codes/

具体代码如下：

 

  

 
 

  
 
  

 


 
 Tween类型： 

  
   
   Linear 
  
   
   Quadratic 
  
   
   Cubic 
  
   
   Quartic 
  
   
   Quintic 
  
   
   Sinusoidal 
  

  
   
   Exponential 
  
   
   Circular 
  
   
   Elastic 
  
   
   Back 
  
   
   Bounce 
 
 
 ease类型： 

  
   
   easeIn 
  
   
   easeOut 
  
   
   easeInOut 
 
 
 

希望本文所述对大家JavaScript程序设计有所帮助。