myID = "myID_Tama"; // <DIV>のID名をセット
myTamaXsize = 40;   // 画像のサイズ(X)をセット
myTamaYsize = 40;   // 画像のサイズ(Y)をセット

myN6 = document.getElementById; // ブラウザ(N6)のチェック用
myIE = document.all;            // ブラウザ(IE)のチェック用
myN4 = document.layers;         // ブラウザ(N4)のチェック用
myObj = "";                     // ブラウザオブジェクト退避用

myX = 0;  // 玉の現在位置(X)
myY = 0;  // 玉の現在位置(Y)
myXs = 0; // 玉の開始位置(X)
myYs = 0; // 玉の開始位置(Y)
myXe = 0; // 玉の最終位置(X)
myYe = 0; // 玉の最終位置(Y)

function myBrowserCheck(){
   if (myIE || myN6 || myN4){          // ブラウザがIEorN6orN4なら
      setInterval("myTamaMain()",10); // 0.1秒周期に動かす
   }
}

function myTamaMain(){
   if (myIE){
      myObj = document.all[myID].style;
      myXs = document.body.scrollLeft;
      myYs = document.body.scrollTop;
      myXe = myXs + document.body.clientWidth - myTamaXsize;
      myYe = myYs + document.body.clientHeight - myTamaYsize;
      mypx = "px";
   }else if (myN6){
      myObj=document.getElementById(myID).style;
      myXs = pageXOffset;
      myYs = pageYOffset;
      myXe = myXs + innerWidth - myTamaXsize;
      myYe = myYs + innerHeight - myTamaYsize;
      mypx = "px";
   }else if (myN4){
      myObj = document[myID];
      myXs = pageXOffset;
      myYs = pageYOffset;
      myXe = myXs + innerWidth - myTamaXsize;
      myYe = myYs + innerHeight - myTamaYsize;
      mypx = "";
   }

   // 玉の移動角度(方向)を決める
   if (myX<=myXs) myAddX = Math.floor(Math.random()*20)+10;
   if (myY<=myYs) myAddY = Math.floor(Math.random()*5)+5;
   if (myX>=myXe) myAddX = (Math.floor(Math.random()*5)+5)*(-1);
   if (myY>=myYe) myAddY = (Math.floor(Math.random()*20)+10)*(-1);

   // 玉を移動
   myX = myX + myAddX;
   if      (myX < myXs) myX=myXs;
   else if (myX > myXe) myX=myXe;

   myY = myY + myAddY;
   if      (myY < myYs) myY=myYs;
   else if (myY > myYe) myY=myYe;

   myObj.left = myX + mypx;
   myObj.top  = myY + mypx;
}