碰撞运动js
2015-08-07 14:28
337 查看
window.onload=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);
}
}
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);
}
}
相关文章推荐
- JavaScript中callee,caller,argument的理解
- 本来想用jsonp来跨域请求的,但sb写接口的,不改返回值。。。只得在后台请求接口了。。。
- AJAX 跨域请求 - - JSONP获取JSON数据
- 解决JSP中文乱码问题
- JavaScript实现弹层兼容所有浏览器
- 解析Javascript事件冒泡机制
- js 闭包
- Servlet和JSP的区别与联系
- createjs初学-preloadJS的使用
- js 计算某年某周日期范围
- javascript
- JavaScript中的百变大咖~this
- Altova XMLSpy格式化json的问题
- 45本免费的JavaScript书籍资源
- Ext.window关闭
- Ext.window关闭
- 从零学JS之你需要了解的几本书
- javascript+HTML5的Canvas实现Lab单车动画效果
- javascript typeof 是个操作符 不是个函数
- 关于js日期的处理