jQuery抛物线运动实现方法（带完整演示源代码下载）
本文介绍了jQuery抛物线运动的实现方法，供大家参考，如下：运行效果的截图如下：
点击这里查看在线演示的效果。
完整的实例代码在这里下载。
具体代码如下：
抛物运动的影响
{。铃
宽度：50px；
身高：50px；
背景颜色：# ff3333；
位置：绝对；
上图：380px；
左：100px；
-moz边界半径：50px；
WebKit的边界半径：50px；
边界半径：50px；
}
{。目标
宽度：50px；
身高：50px；
背景颜色：# cdcdcd的十四行诗；
位置：绝对；
上图：180px；
左：600px；
-moz边界半径：50px；
WebKit的边界半径：50px；
边界半径：50px；
}
复位
运行
停止
setOptions
var bool =新的抛物线（{
EL：#铃
偏移量：{ 500, 100 }，
曲度：0.005，
持续时间：3000，
回调函数（）{
警报（完成回调）
}，
stepcallback：函数（x，y）{
console.log（x，y）；
$（）。AppendTo（体）。Css（{
位置：绝对
顶：this.eloriginaltop + Y，
左：this.eloriginalleft +X，
背景颜色：# cdcdcd的十四行诗
宽度：5px
高度：5px
border-radius：5px
}）；
}
}）；
$（#复位）。Click（函数（事件）{
Event.preventDefault（）；
Bool.reset（）
}）；
$（#运行）。Click（函数（事件）{
Event.preventDefault（）；
Bool.start（）；
}）；
$（#停止）。Click（函数（事件）{
Event.preventDefault（）；
Bool.stop（）；
}）；
$（# setOptions）。Click（函数（事件）{
Event.preventDefault（）；
bool.setoptions（{
targetel：$（#目标），
曲度：0.001，
持续时间：1000
}）；
}）；
更多关于javaｓｃｒｉｐｔ运动效果相关内容的站点参见：javaｓｃｒｉｐｔ运动效果和技巧摘要
希望本文能对jQuery程序设计有所帮助。