javascript實現小球的自由移動代碼

用javascript實現小球的自由移動是不是很神奇啊?下面小編交給大家實現的.方法，歡迎閲讀以下代碼，更多詳情請關注應屆畢業生考試網。

　　代碼如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>javascript實現小球的自由移動</title>

//定義全局變量

//小球座標

ballX=0;

ballY=0;

//小球在x,y軸移動的方向

directX=1;

directY=1;

//小球移動

function ballMove(){

//小球移動

ballX+=2*directX;

ballY+=2*directY;

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

=ballY+'px';

=ballX+'px';

//t(etWidth);

//offsetwidth在JS中是獲取元素的寬,對應的還有offsetHeight

//判斷轉向

//learInterval(i);

if(ballX+etWidth>=etWidth || ballX<=0){

directX=-directX;

}

if(ballY+etHeight>=etHeight || ballY<=0){

directY=-directY;

}

//定時器

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

</script>

</head>

<body>

</p>

</body>

</html>

糯米文學吧