jquery如何设计一个div出现动画，掉下来弹动两下之后停止
用jquery设计一个动画，一个div首先是display:none;点击一个button之后，div从上面掉下来，到指定位置之后(随意设置一个)弹几下，之后停下（和ppt的一种出现方式是一样的，弹几下稳定下来）。求具体代码演示啊！
------解决方案--------------------
可以看一下jquery的animate制作动画效果的使用方法。
------解决方案--------------------

<div id='kk' style='border:solid 1px red;width:20px;height:20px;position:absolute;left:100px;top:100px'></div>

    <div id='dpx' style="border: solid 1px;height: 1px;position: absolute;top: 370px;width: 100%"></div>



    <script>





        (function(div){

            var nowspeed = 0;    //当前速度

            var niudun = 4.8; //(牛顿)加速度

            var dpx= 350;  //假定地平线坐标

            var tx = .75;   //弹性系数

            var top = parseInt(div.style.top);

            function run(){

                var me = arguments.callee;

                nowspeed+=niudun;

                top+=nowspeed;

                if(top>dpx){

                    //var d =

                    top = dpx - (top-dpx)*.7;

                    nowspeed *= -1*tx;



                    if(Math.abs(nowspeed)<1){

                        div.style.top = dpx+'px';

                        return;

                    }

                }

                div.style.top = top+'px';



                setTimeout(run, 1000/10);

&n