Javascript飘窗代码

整理了一个可以使用的代码。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >
     < title > Javascript飘窗代码 </ title >
     < style  type ="text/css" >
        .float {
            width : 200px ; height : 50px ; background : red ;
            z-index : 100 ; right : 2px ; top : 85px ;
            position : absolute ; visibility :  visible ;
         }
     </ style >
</ head >
< body >
< div  style ="width:900px;height:500px;background:green;" ></ div >
< div  id ="floatDiv"  class ="float" ></ div >
< script  type ="text/javascript"  src ="FloatWindow.js" ></ script >
</ body >
</ html >

FloatWindow.js

var  floatObj  =  document.getElementById( " floatDiv " );
var  xPos  =   300 ;
var  yPos  =   200 ; 
var  step  =   1 ;
var  delay  =   30 ; 
var  height  =   0 ;
var  Hoffset  =   0 ;
var  Woffset  =   0 ;
var  yon  =   0 ;
var  xon  =   0 ;
var  pause  =   true ;
var  interval;
floatObj.style.top  =  yPos;

function  changePos() 
{
    width  =  document.body.clientWidth;
    height  =  document.body.clientHeight;
    Hoffset  =  floatObj.offsetHeight;
    Woffset  =  floatObj.offsetWidth;
    floatObj.style.left  =  xPos  +  document.body.scrollLeft;
    floatObj.style.top  =  yPos  +  document.body.scrollTop;
     if  (yon) 
        {yPos  =  yPos  +  step;}
     else  
        {yPos  =  yPos  -  step;}
     if  (yPos  <   0 ) 
        {yon  =   1 ;yPos  =   0 ;}
     if  (yPos  >=  (height  -  Hoffset)) 
        {yon  =   0 ;yPos  =  (height  -  Hoffset);}
     if  (xon) 
        {xPos  =  xPos  +  step;}
     else  
        {xPos  =  xPos  -  step;}
     if  (xPos  <   0 ) 
        {xon  =   1 ;xPos  =   0 ;}
     if  (xPos  >=  (width  -  Woffset)) 
        {xon  =   0 ;xPos  =  (width  -  Woffset);   }
}
    
function  start()
{
     floatObj.visibility  =   " visible " ;
    interval  =  setInterval( ' changePos() ' , delay);
}
function  pause_resume() 
{
     if (pause){
        clearInterval(interval);
        pause  =   false ;
    } else  {
        interval  =  setInterval( ' changePos() ' ,delay);
        pause  =   true ; 
    }
}
start();
    
floatObj.onmouseover = function (){clearInterval(interval)}
floatObj.onmouseout = function (){interval = setInterval( ' changePos() ' , delay)}

下载： http://files.cnblogs.com/greatverve/jsFloat.rar