一个网站首页上如何放置两个浮动图片

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script language="JavaScript">
<!--////设置下面一些参数，小球移动速度1-50，数值大速度快；
var ballWidth = 30;
var ballHeight = 30;
var BallSpeed = 1;var maxBallSpeed = 10;
var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';  //水平方向向右移动
var yDir = 'down'; //垂直方向向下移动
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;function initializeBall() {
   if (document.all) {
      xMax = document.body.clientWidth
      yMax = document.body.clientHeight
      document.all("superball").style.visibility = "visible";
  document.all("superball2").style.visibility = "visible";
      }
   else if (document.layers) {
      xMax = window.innerWidth;
      yMax = window.innerHeight;
      document.layers["superball"].visibility = "show";
   document.layers["superball2"].visibility = "show";
      }
   setTimeout('moveBall()',400);
   }function moveBall() {
   if (superballRunning == true) {
      calculatePosition();
      if (document.all) {
         document.all("superball").style.left = xPos + document.body.scrollLeft;
         document.all("superball").style.top = yPos + document.body.scrollTop;   document.all("superball2").style.left = xPos + document.body.scrollLeft;
         document.all("superball2").style.top = yPos + document.body.scrollTop;
         }
      else if (document.layers) {
         document.layers["superball"].left = xPos + pageXOffset;
         document.layers["superball"].top = yPos + pageYOffset;
  document.layers["superball2"].left = xPos + pageXOffset;
         document.layers["superball2"].top = yPos + pageYOffset;
         }
      setTimeout('moveBall()',30);
      }
   }function calculatePosition() {
   if (xDir == "right") {
      if (xPos > (xMax - ballWidth - BallSpeed)) { 
         xDir = "left";
         }
      }
   else if (xDir == "left") {
      if (xPos < (0 + BallSpeed)) {
         xDir = "right";
         }
      }
   if (yDir == "down") {
      if (yPos > (yMax - ballHeight - BallSpeed)) {
         yDir = "up";
         }
      }
   else if (yDir == "up") {
      if (yPos < (0 + BallSpeed)) {
         yDir = "down";
         }
      }
   if (xDir == "right") {
      xPos = xPos + BallSpeed;
      }
   else if (xDir == "left") {
      xPos = xPos - BallSpeed;
      }
   else {
      xPos = xPos;
      }
   if (yDir == "down") {
      yPos = yPos + BallSpeed;
      }
   else if (yDir == "up") {
      yPos = yPos - BallSpeed;
      }
   else {
      yPos = yPos;
      }
   }if (document.all||document.layers)
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");// -->
</script>
<style type="text/css">#superball {
position:absolute;
left:0;
top:0;
visibility:hide;
visibility:hidden;
width:30;
height:30;
}#superball2 {
position:absolute;
left:100;
top:100;
visibility:hide;
visibility:hidden;
width:50;
height:50;
}</style>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head><body>
<span id="superball2"><a href=# onclick=window.open('siqing.htm',"newwindows2","toolbar=no,location=no,menubar=no,status=yes,scrollbars=yes,resizable=no,width=641");>
<img name="superballImage2" src="image/zhouniansiqing.gif" height="250" width="150" border="0"></a></span> <span id="superball"><a href=# onclick=window.open('siqing.htm',"newwindows","toolbar=no,location=no,menubar=no,status=yes,scrollbars=yes,resizable=no,width=641");>
<img name="superballImage" src="image/zhouniansiqing.gif" height="150" width="150" border="0"></a></span> 
</body><%@ include file="header.htm"%>