样例

使用电商 APP 购买商品时，很多都有上图的红色小球抛物线效果，下面通过  插件来实现一个简单 Demo。

实现

简单思路：

1. 确定抛物线的起始和终止位置；
2. 通过 js 在起始位置创建一个 document 对象，作为红色小球；
3. 通过 jQuery.fly 插件提供的fly函数来移动小球，移动至终止位置；
4. 当小球到达终止位置后，通过fly插件提供的 onEnd 回调函数，将小球销毁；

Demo 源码： 

    
                             
     
        
      
                   
        
                         
zhengbin.cnblogs.com
                         
                                    
                    
                    
                         
                                    
                         
                    speed：                    
                    b_left：                    
                    b_top：                    
                    e_left：                    
                    e_top：                    
                    飞吧~~                
                    
               
      
    
     

Demo 实现效果