这篇文章主要为大家详细介绍了射流研究…实现方块上下左右移动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了射流研究…实现方块移动的具体代码,供大家参考,具体内容如下
!文档类型超文本标记语言
超文本标记语言
头
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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。