实现特效的代码jsjs特效,加速度,图标跳动
看到⼀个在地图上的特效,就是标注当前位置之后,图标⼀直在跳动,那效果看着⽐较得劲,就⾃⼰写了个图标跳动的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" >
<img src="marker.png" />
</div>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论