js拖拽小球加弹力效果（原创）

Html

Css

div {
	width:50px;
	height:50px;
	background-color:red;
	position:absolute;
	top:0;
	left:0;
	border-radius:50%;
}

var oDiv = document.getElementById("abc");
var lastX = 0;
var lastY = 0;
oDiv.onmousedown = function(e) {
    //				console.log("aaa")
    clearInterval(this.timer);
    var ispeedX = 0;
    var ispeedY = 0;
    var self = this;
    var event = event || e;
    var disX = event.clientX - this.offsetLeft;
    var disY = event.clientY - this.offsetTop;
    document.onmousemove = function(e) {
        var event = event || e;
        var newtop = event.clientY - disY;
        var newleft = event.clientX - disX;
        ispeedX = newleft - lastX;
        ispeedY = newtop - lastY;
        lastX = newleft;
        lastY = newtop;
        self.style.left = newleft + "px";
        self.style.top = newtop + "px";

}
    document.onmouseup = function() {
        document.onmousemove = null;
        document.onmouseup = null;
        stareMove(self, ispeedX, ispeedY);
    }
}

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

立即下载

js拖拽小球加弹力效果（原创）

代码描述：使用鼠标拖拽小球，模仿重力情况下的弹力小球

更新时间：2020-06-03 00:06:16

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

惠

相关代码

js拖拽小球加弹力效果（原创）

最新