麻烦大家来看一下，多谢

麻烦大家来看一下，谢谢

div{
   width:200px;height:200px;border:1px solid red;
 }

var i=0;
  var j=0;
  var k=0;
  var f=20;
  var interval;
  var v=document.getElementById("div1");
  var h=document.documentElement.clientHeight;
  document.getElementById("div1").style.top=h;
    function bian(){
  var heightClient=document.documentElement.clientHeight;
  var widthClient=document.documentElement.clientWidth;
      var leftdiv=v.offsetLeft;
  var topdiv=v.offsetTop;
  var widthdiv=v.offsetWidth;
  var heightdiv=v.offsetHeight;
  v.style.top=h+document.body.scrollTop+"px";
  v.style.left=f+document.body.scrollLeft+"px";
       if(j){
      h=h+1;
   }else{
      h=h-1;
   }
   if(h<0){
      j=1;h=0;
   }
   if(h>heightClient-heightdiv){
    j=0;
h=heightClient-heightdiv;
   }
    if(i){
      f=f+1;
   }else{
      f=f-1;
   }
   if(f<0){
      i=1;f=0;
   }
   if(f>=(widthClient-widthdiv)){
     i=0;
 f=widthClient-widthdiv;
   }
}
function fff(){
v.style.visibility="visible";
 interval=setInterval("bian()",30);
}
fff();

<div id="div1">ghjgj</div>

我想做成一个矩形框在屏幕上不停的移动，撞到边缘后反射，上面的代码运行后矩形框根本不动，不知道什么原因，请各位看一下，谢谢
[解决办法]
设置div为绝对定位
position:absolute;

查看更多 下一篇