数码资讯
用js实现小球的自由运动代码
学习Javascript的朋友可以把它作为一个小练习,增强自己动手编写代码的能力。 参考代码: 复制代码代码如下所示: ggggg 全局变量的定义 坐标/球 ballx = 0; 巴利= 0; 球在x/y轴上的运动方向。 DirectX = 1; 直接= 1; 球运动 功能ballmove(){ 球
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
学习Javascript的朋友可以把它作为一个小练习,增强自己动手编写代码的能力。
参考代码:
复制代码代码如下所示:
ggggg
全局变量的定义
坐标/球
ballx = 0;
巴利= 0;
球在x/y轴上的运动方向。
DirectX = 1;
直接= 1;
球运动
功能ballmove(){
球运动
ballx + = 2 * DirectX;
巴利+ = 2 *直接;
修改球和顶部/宽度
格式。风格上=巴利+ 'px;
格式。风格。左= ballx + 'px;
/ / window.alert(DIV1。offsetwidth); / / offsetwidth JS是元素的宽度,和相应的offsetheight
法官/掌舵人
/ / learinterval(我);
如果(ballx +格式。offsetwidth > = div1.offsetwidth | | ballx <= 0){
DirectX = DirectX;
}
如果(Bally +格式。offsetheight > = div1.offsetheight | |巴利<= 0){
直接= -目录;
}
}
定时器
var i = setInterval(ballmove()
图:
参考代码:
复制代码代码如下所示:
ggggg
全局变量的定义
坐标/球
ballx = 0;
巴利= 0;
球在x/y轴上的运动方向。
DirectX = 1;
直接= 1;
球运动
功能ballmove(){
球运动
ballx + = 2 * DirectX;
巴利+ = 2 *直接;
修改球和顶部/宽度
格式。风格上=巴利+ 'px;
格式。风格。左= ballx + 'px;
/ / window.alert(DIV1。offsetwidth); / / offsetwidth JS是元素的宽度,和相应的offsetheight
法官/掌舵人
/ / learinterval(我);
如果(ballx +格式。offsetwidth > = div1.offsetwidth | | ballx <= 0){
DirectX = DirectX;
}
如果(Bally +格式。offsetheight > = div1.offsetheight | |巴利<= 0){
直接= -目录;
}
}
定时器
var i = setInterval(ballmove()
图:
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。