正在学习javascript 的朋友可以把它当作小练习动手做一做。加强自己的动手编码能力。 参考代码： 复制代码 代码如下: ggggg <br><br> //定义全局变量<BR> //小球坐标<BR> ballX=0;<BR> ballY=0;<BR> //小球在x,y轴移动的方向<BR> directX=1;<BR> directY=1;<BR> //小球移动<BR> function ballMove(){<BR> //小球移动<BR> ballX+=2*directX;<BR> ballY+=2*directY;<BR> //同时修改小球的top 和width<BR> div2.style.top=ballY+'px';<BR> div2.style.left=ballX+'px';<BR> //window.alert(div1.offsetWidth);//offsetwidth在JS中是获取元素的宽,对应的还有offsetHeight<BR> //判断转向<BR> //learInterval(i);<BR> if(ballX+div2.offsetWidth>=div1.offsetWidth ||ballX<=0){<BR> directX=-directX;<BR> }<BR> if(ballY+div2.offsetHeight>=div1.offsetHeight || ballY<=0){<BR> directY=-directY;<BR> }<BR> }<BR> //定时器<BR> var i=setInterval("ballMove()",10);<BR> 图:
