zoukankan html css js c++ java

慢慢停下来的弹性运动

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #div1{
                 100px;
                height: 100px;
                background: red;
                position: absolute;
                left: 0;
            }
            #bg{
                 1px;
                height: 500px;
                background: #000;
                position: absolute;
                left: 500px;
                top: 0;
            }
        </style>
        <script>
//            摩擦力:F=fM;
            window.onload=function(){
                var oInput=document.getElementById("input1");
                var oDiv=document.getElementById("div1");
                
                var timer=null;
                var iSpeed=0;
                oInput.onclick=function(){
                    startMove();
                }
                function startMove(){
                    clearInterval(timer);
                    timer=setInterval(function(){
//                        if(oDiv.offsetLeft<500){
//                            iSpeed+=(500-oDiv.offsetLeft)/50;
//                        }else{
//                            iSpeed-=(oDiv.offsetLeft-500)/50;
//                        }
                        iSpeed+=(500-oDiv.offsetLeft)/50;
                        iSpeed*=0.95;
                        if(Math.abs(iSpeed)<=1 && Math.abs(500-oDiv.offsetLeft)<=1){
                            clearInterval(timer);
                            oDiv.style.left='500px';
                            iSpeed=0;
                        }else{
                            oDiv.style.left=oDiv.offsetLeft+iSpeed+"px";
                        }
                        
                    },30)
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value="开始运动" id="input1" />
        <div id="div1"></div>
        <div id="bg"></div>
    </body>
</html>

　　弹性：
       速度 +=(目标点-当前值)/系数 //系数可以选择：6,7,8都可以
       速度*=摩擦系数   //系数可以选择0.7,0.75都可以

       缓冲：
       var 速度=(目标点-当前值)/系数
       速度取整

查看全文

相关阅读:
5
4
3
work02
查看远程库信息(git remote的用法)
隐藏的文件
 tag相关操作
 分支管理
 git 克隆分支
 git初始化操作

原文地址：https://www.cnblogs.com/gxywb/p/10241231.html