動く背景画像(2)

オプション
<script language="JavaScript"><!--
var x = 2;
var y = 1;
var timerID;
function MoveBg(mx,my){
  by.style.backgroundPosition = x + " " + y;
  x += mx;
  y += my;
}
function MoveOp(opx,opy){
  clearInterval(timerID);
  opx2 = opx;
  opy2 = opy;
  timerID = setInterval('MoveBg(opx2,opy2);',200);
}
//--></script>
</head>

<body id="by" background="../../images/back03.jpg"
	 onload="MoveOp(2,1);">

<p>オプション<BR>
  <button onclick="MoveOp(0,2);">[下に動く]</button><BR>
  <button onclick="MoveOp(0,-2);">[上に動く]</button><BR>
  <button onclick="MoveOp(2,0);">[右に動く]</button><BR>
  <button onclick="MoveOp(-2,0);">[左に動く]</button><BR>
  <button onclick="MoveOp(2,2);">[右下に動く]</button><BR>
  <button onclick="MoveOp(2,-2);">[右上に動く]</button><BR>
  <button onclick="MoveOp(-2,-2);">[左上に動く]</button><BR>
  <button onclick="MoveOp(-2,2);">[左下に動く]</button><BR>
  <button onclick="MoveOp(0,0);">[停止]</button>
</p>
END(99/12/26)
動く背景(2)
