看到一個在地圖上的特效,就是標注當前位置之后,圖標一直在跳動,那效果看着比較得勁,就自己寫了個圖標跳動的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>
