飄移圖片
將下面的語法貼在<head>和</head>之間
<style type="text/css"> <!-- #superball { position:absolute; left:0; top:0; visibility:hide; visibility:hidden; width:0; height:0; } --> </style>
將下面的語法貼在<body>和</body>之間
<script language="JavaScript"> <!-- var ballWidth = 65; var ballHeight = 70; var BallSpeed = 2; var maxBallSpeed = 0; 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"; } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; document.layers["superball"].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; } else if (document.layers) { document.layers["superball"].left = xPos + pageXOffset; document.layers["superball"].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> <span id="superball"> <img name="superballImage" src="3.gif" height="39" width="36" border="0"> </span>
說明：在 var BallSpeed = 2; 中修改圖檔飄移的速度 ，在 <img name="superballImage" src="3.gif" height="39" width="36" border="0">
中修改圖檔及圖的寬高
