前端捕捉轨迹_jQuery模拟抛物线轨迹动画

本文作者html5tricks，转载请注明出处

利用jQuery和HTML5 Canvas正弦波动画。今天我们要介绍一个用jQuery实现简单的模拟抛物线轨迹的插件，可以开始和暂停抛物线的运动，以及重新设置抛物线的参数。

下面简单了解一下实现这个jQuery抛物线运动的过程。

HTML代码：

run

reset

stop

setOptions

CSS代码：

.btns{text-align:center;}

.btns a{

color:#fff;padding:5px 10px;font-family:Arial;

background-color:#f90;text-decoration:none;

}

.boll {

width: 50px;

height: 50px;

background-color: #ff3333;

position: absolute;

top: 380px;

left: 100px;

-moz-border-radius: 50px;

-webkit-border-radius: 50px;

border-radius: 50px;

}

.target {

width: 50px;