javascript实现小球的自由移动代码

用javascript实现小球的自由移动是不是很神奇啊?下面小编交给大家实现的.方法，欢迎阅读以下代码，更多详情请关注应届毕业生考试网。

代码如下：

javascript实现小球的自由移动-www.javaweb.cc

//定义全局变量

//小球坐标

ballX=0;

ballY=0;

//小球在x,y轴移动的方向

directX=1;

directY=1;

//小球移动

function ballMove(){

//小球移动

ballX+=2*directX;

ballY+=2*directY;

//同时修改小球的top 和width

p2.style.top=ballY+'px';

p2.style.left=ballX+'px';

//window.alert(p1.offsetWidth);

//offsetwidth在JS中是获取元素的宽,对应的还有offsetHeight

//判断转向

//learInterval(i);

if(ballX+p2.offsetWidth>=p1.offsetWidth || ballX<=0){

directX=-directX;

}

if(ballY+p2.offsetHeight>=p1.offsetHeight || ballY<=0){

directY=-directY;

}

}

//定时器

var i=setInterval("ballMove()",10);