制作页面漂浮图片的效果(1)
点 击 预 览 效 果 页 面......
首先请在<head></head>之间粘贴CSS技巧">CSS: #superball {position:absolute;left:0;top:0;visibility:hide;visibility:hidden;width:40;height:40;} 然后在<body></body>之间粘贴Script代码: <script language="Javascript"> var ballWidth = 40; var ballHeight = 40; var BallSpeed = 4; var maxBallSpeed = 50; 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.layersdocument.getElementById) { xMax = window.innerWidth-14; yMax = window.innerHeight; if (document.getElementById) document.getElementById("superball").style.visibility="visible" else 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;