这篇文章主要为大家详细介绍了射流研究…实现方块上下左右移动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了射流研究…实现方块移动的具体代码，供大家参考，具体内容如下
！文档类型超文本标记语言
超文本标记语言
头
meta charset='UTF-8 '
标题/标题
style type='text/css '
#框{
宽度：50px
高度：50px
位置：绝对；
背景：浅紫色；
}
/风格
/头
身体
div id=' box ' style=' left:0；'顶部：50像素'/格
按钮id='btn '停止/按钮
/body
脚本类型='文本/javascript '
定义变量速度=10;
var flag=true
var interId
函数moveLeft(){
var old left=parse int(box。风格。左)；
if(老左=窗口。内宽-50 | |旧左0){
速度*=-1;
}
盒子。风格。左=旧左速度' px '；
}
函数moveTop(){
var old top=parse int(box。风格。顶)；
if(老顶=窗口。内高-50 | |老顶0){
速度*=-1;
}
盒子。风格。top=旧的最高速度‘px’；
}
函数奥诺夫(兰特)
//var rand=random()；
如果（标志){
btn.innerHTML=' start
清除间隔(interId)；
标志=假
}否则{
btn.innerHTML=' stop
if (rand==1) {
interId=setInterval('moveLeft()'，50)；
//flag=true；
}否则{
interId=setInterval('moveTop()'，50)；
//flag=true；
}
标志=真
}
}
btn.onclick=onOff
//产生一个1-2的随机数
函数随机(){
rand=parse int(数学。random()* 2 ^ 1)；
警报(兰特);
if (rand==1) {
interId=setInterval('moveLeft()'，50)；
}否则{
interId=setInterval('moveTop()'，50)；
}
}
random()；
/脚本
/html
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。