弹性小球js物理动力学

Html

Css

弹

* {
	margin:0;
	padding:0;
}
#box {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	font-size:30px;
	text-align:center;
	line-height:100px;
	background-color:greenyellow;
	border-radius:50%;
	cursor:move;
	user-select:none;
}

var oDiv = document.getElementById('box');
    oDiv.addEventListener('mousedown', down, false);
    function down(e) {
        this.startX = e.clientX;
        this.startY = e.clientY;
        this.startL = this.offsetLeft;
        this.startT = this.offsetTop;

var _this = this;
        this.MOVE = function (e) {
            move.call(_this, e);
        };
        this.UP = function (e) {
            up.call(_this);
        };
        document.addEventListener('mousemove', this.MOVE, false);
        document.addEventListener('mouseup', this.UP, false);

window.clearInterval(this.flyTimer);
        window.clearInterval(this.dropTimer);
    }
    function move(e) {
        var curL = e.clientX - this.startX + this.startL,
                curT = e.clientY - this.startY + this.startT;

var minL = 0, minT = 0, maxL = (document.documentElement.clientWidth || document.body.clientWidth) - this.offsetWidth, maxT = (document.documentElement.clientHeight || document.body.clientHeight) - this.offsetHeight;

curL = curL < minL ? minL : (curL > maxL ? maxL : curL);
        curT = curT < minT ? minT : (curT > maxT ? maxT : curT);
        this.style.left = curL + 'px';
        this.style.top = curT + 'px';

if (!this.pre) {
            this.pre = this.offsetLeft;
        } else {
            this.speedFly = this.offsetLeft - this.pre;
            this.pre = this.offsetLeft;
        }
    }
    function up() {
        document.removeEventListener('mousemove', this.MOVE, false);
        document.removeEventListener('mouseup', this.UP, false);

fly.call(this);

drop.call(this);
    }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

弹性小球js物理动力学



代码描述：js物理动力学

js和物理动力学很大之间的联系

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Rocky1932373216

相关代码

弹性小球js物理动力学

最新