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

来源：才华咖本文已影响4.5K人

用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>

小球 JavaScript 代码自由

热门精选

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

相关内容

猜你喜欢

热门精选

JavaScript重置表单的实现

高效编写JavaScript代码的技巧

如何实现JavaScript的DIV块来回滚动效果

JavaScript代码的5个书写坏习惯

堆的javascript实现方法

JavaScript中创建字典对象(dictionary)的实例

用 Javascript 实现锚点(Anchor)间平滑跳转

javascript全选与全取消功能的代码

JavaScript如何实现JSON.stringify

JavaScript判断登录界面的账号密码是否为空代码

最新文章

推荐阅读