js特效,加速度,图标跳动

看到一个在地图上的特效,就是标注当前位置之后,图标一直在跳动,那效果看着比较得劲,就自己写了个图标跳动的js
js代码:

复制代码
            setTimeout("jump()",5);
            var t=0,a=10,v=t*a,s=30,updown=true;// s路程,a加速度,t时间,updown判断上升还是下降
            function jump(){
                if(t<=0){
                    updown=true;
                }else if(t*t*a>=s){
                    updown=false;
                }
                if(updown){
                    t=t+0.01
                }else{
                    t=t-0.01;
                }
                $("#i").css("top",(t*t*a)+"px");// 设置图片的top值
                setTimeout("jump()",5);
            }
复制代码

html代码:

        <div id="i" style="width:80px;height:40px;overflow:hidden;margin-left:100px;position:absolute;">
            <img src="marker.png" style="position:absolute;"/>
        </div>
posted @ 2016-09-26 22:04  看不懂。。  阅读(1365)  评论(0编辑  收藏  举报