碰撞运动js

最新推荐文章于 2021-06-21 16:58:08 发布

jsonW

最新推荐文章于 2021-06-21 16:58:08 发布

阅读量810

点赞数

分类专栏： javascript知识点

本文链接：https://blog.csdn.net/qq_21773607/article/details/47338849

版权

javascript知识点专栏收录该内容

11 篇文章 0 订阅

订阅专栏

window.οnlοad=function(){
var oCrash=document.getElementById('crash');
var speedX=5;
var speedY=5;
startCrash();

function startCrash(){
setInterval(function(){
var X=oCrash.offsetLeft+speedX;
var Y=oCrash.offsetTop+speedY;
if(X > document.documentElement.clientWidth - oCrash.offsetWidth){
X=document.documentElement.clientWidth-oCrash.offsetWidth;
speedX*=-1;
}else if(X < 0){
X=0;
speedX*=-1;
}
if(Y > document.documentElement.clientHeight-oCrash.offsetHeight){
Y=document.documentElement.clientHeight-oCrash.offsetHeight;
speedY*=-1;
}else if(Y < 0){
Y=0;
speedY*=-1;
}
oCrash.style.left = X + 'px';
oCrash.style.top = Y + 'px';
},35);
}
}