这篇文章主要为大家详细介绍了射流研究…实现方块上下左右移动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了射流研究…实现方块移动的具体代码，供大家参考，具体内容如下
！文档类型超文本标记语言
超文本标记语言
头
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
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
