js的漂浮代码,很有动感 - 曾军的博客

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<SCRIPT language=JavaScript> 
<!--  
function GoTop() {  
 window.scrollTo(0,0);  
}  
function GoTop_Call() {  
 document.body.ondblclick = Top;   
}  
var Xpos = 0;  
var Ypos = 0;  
var Ygravity = 0.85;  
var scrollPos = 0;  
var oldScrollPos = 0;  
function FloatMenu() {  
docWidth = document.body.clientWidth; // Update document width  
docHeight = document.body.clientHeight; // Update document height  
oldScrollPos = scrollPos;  
scrollPos = document.body.scrollTop; // Update scrollbar position  
Xpos = (docWidth - floater.offsetWidth) - 10;  
//Xpos = 900;  
//Xpos = (docWidth - floater.offsetWidth) - 10;   
//Xpos = (docWidth / 2) + 410; //   
Yboundary = ((scrollPos + docHeight) - floater.offsetHeight) - 200; //  
if (floater.offsetTop < Yboundary - 1) // Object is behind boundary  
Ypos += 2;  
if (floater.offsetTop > Yboundary + 1) // Object is past boundary  
Ypos -= 1;  
Ypos *= Ygravity; // Slow object down  
floater.style.pixelLeft = Xpos;  
floater.style.pixelTop += Ypos; // Make object bounce  
}  
window.setInterval("FloatMenu()", 1); //  
//--> 
</SCRIPT> 
   
<DIV id=floater style="Z-INDEX: 1; LEFT: 900px; VISIBILITY: visible; WIDTH: 86px; POSITION: absolute; TOP: 280px; HEIGHT: 100px"><A onfocus=this.blur() href="../about/hr.htm"><IMG height=100 src="../images/zprc1.gif" width=86 border=0></A> </DIV> 
  <table width="100" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
        <td height="800"> </td> 
      </tr> 
    </table> 
</body> 
</html>