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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM