超级宣传小窗口

下面为效果显示

点击OFF、ON，滚动窗口看看效果，图层可以移动

<html>
<head>
<title>超级宣传小窗口</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
.style2 {font-size: 9pt}

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>超级宣传小窗口</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=3 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示</strong></font></td></tr>
<tr><td align=center><span class="style2">点击OFF、ON，滚动窗口看看效果，图层可以移动</span>  <STYLE type=text/css>
#floater {LEFT: 450px; POSITION: absolute; TOP: 220px; VISIBILITY: visible; WIDTH: 125px; Z-INDEX: 10}
a.banner { text-decoration:none; font-size: 9pt; FONT-WEIGHT: lighter;font-style:normal;FONT-VARIANT: normal;font-family: 宋体; }
</STYLE>
<DIV align=center id=floater  style="HEIGHT: 48px; WIDTH: 468px; position:absolute; left:450px; top:220px">
<TABLE  bgColor=#eeeeee border=1 borderColor=#999999 
                        cellPadding=0 cellSpacing=0 
                        style="BORDER-COLLAPSE: collapse" width=471>
                          <TBODY>
                          <TR>
                            <TD height=15 width=469>
                              <TABLE border=0 cellPadding=0 cellSpacing=0 
                              width="95%">
                                <TBODY>
                                <TR>
                                <TD align=right 
                                height=15 vAlign=bottom width="96%">
                                <TABLE border=0 height=2 width="97%">
                                <TR>
                                <TD height=1  align=right><A 
                                class=banner 
                                href="http://bbs.7stk.com/" 
                                target=_blank><FONT color=#000000 face=宋体 
                                style="FONT-SIZE: 9pt">[请您留言]</FONT></A>  <font 
                                class=banner 
                                id=Min language=javascript 
                                onclick="return Min_onclick()"><FONT 
                                color=#666666
                                style="FONT-SIZE: 9pt" style="cursor:hand">OFF</FONT></font><font 
                                class=banner
                                id=Min language=javascript 
                                onclick="return Max_onclick()"><FONT 
                                color=#666666>/</FONT><FONT color=#666666 
                                style="FONT-SIZE: 9pt" style="cursor:hand">ON</FONT></font></TD></TR></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
                        <TABLE bgColor=#eeeeee border=1 borderColor=#999999 
                        cellPadding=0 cellSpacing=0 id=ad1 
                        style="BORDER-COLLAPSE: collapse" width=472 height="41">
                          <TBODY>
                          <TR>
                            <TD bgColor=#eeeeee height=19 width=466><script language="JavaScript" src="http://www.7stk.com/store/ad/GG_zhonhgbu02.js"></script></TD></TR>
							<tr>
                            <TD bgColor=#eeeeee height=23 width=466><FONT 
                              color=#ffffff size=2><A class=banner 
                              href="http://www.7stk.com/"  title=经典网页页特效
                              target=_blank><FONT 
                              color=#ff0000><B>经典网页页特效</B></FONT></A>    <FONT color=#dddddd 
                              face=宋体 style="FONT-SIZE: 9pt"> <A class=banner 
                              href="http://www.7stk.com/music/" 
                              target=_blank><FONT color=#ff0000 face=宋体 
                              style="FONT-SIZE: 9pt">[MP3播放器]</FONT></A></FONT>    <A 
                              class=banner href="http://bbs.7stk.com/" 
                              target=_blank><FONT color=#ff0000 face=宋体 
                              style="FONT-SIZE: 9pt">[论坛]</FONT></A></FONT></TD>
							</tr>
							</TBODY></TABLE></DIV>
<SCRIPT id=clientEventHandlersJS language=JScript>
<!--

function ad_check() {
self.onError=null;   
	 
self.onError=null;   
setTimeout("ad_check()",100);
}

function Min_onclick() {
//alert(ad1.style.visibility )
ad1.style.visibility='hidden';

}
function Max_onclick() {
//alert(ad1.style.visibility )
ad1.style.visibility='visible';

}

//-->
</SCRIPT>

<SCRIPT language=JScript>                              
//floater.innerHTML =''
//window.alert (floater.innerHTML.length<4000);

self.onError=null;                              
currentX = currentY = 0;                               
whichIt = null;                                         
lastScrollX = 0; lastScrollY = 0;                              
NS = (document.layers) ? 1 : 0;                             
IE = (document.all) ? 1: 0;                              
                              
function heartBeat() {                              
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }                             if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }           
if(diffY != lastScrollY) {            
percent = .1 * (diffY - lastScrollY);    
if(percent > 0) percent = Math.ceil(percent); 
else percent = Math.floor(percent);  
if(IE) document.all.floater.style.pixelTop += percent;  
if(NS) document.floater.top += percent;                 
lastScrollY = lastScrollY + percent;      
}                       
if(diffX != lastScrollX) {       
percent = .1 * (diffX - lastScrollX);     
if(percent > 0) percent = Math.ceil(percent);       
else percent = Math.floor(percent);                   
if(IE) document.all.floater.style.pixelLeft += percent;        
if(NS) document.floater.left += percent;       
lastScrollX = lastScrollX + percent;                     
}	                          
}                         
              
              
function checkFocus(x,y) {         
stalkerx = document.floater.pageX;     
stalkery = document.floater.pageY;                        
stalkerwidth = document.floater.clip.width;              
stalkerheight = document.floater.clip.height;                         
if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;                      
else return false;        
}                     
function grabIt(e) {            
if(IE) {                            
whichIt = event.srcElement; 
while (whichIt.id.indexOf("floater") == -1) {    
whichIt = whichIt.parentElement;                           
if (whichIt == null) { return true; }         
 }                            
whichIt.style.pixelLeft = whichIt.offsetLeft;                              
whichIt.style.pixelTop = whichIt.offsetTop;                          
currentX = (event.clientX + document.body.scrollLeft);                       
currentY = (event.clientY + document.body.scrollTop); 	                      
} else {                             
window.captureEvents(Event.MOUSEMOVE);    
if(checkFocus (e.pageX,e.pageY)) {                            
whichIt = document.floater;                              
stalkerTouchedX = e.pageX-document.floater.pageX;      
StalkerTouchedY = e.pageY-document.floater.pageY;          
}                              
}                            
return true;                        
}                            
function moveIt(e) {               
if (whichIt == null) { return false; }       
if(IE) {                             
newX = (event.clientX + document.body.scrollLeft);                           
newY = (event.clientY + document.body.scrollTop);                
distanceX = (newX - currentX);    distanceY = (newY - currentY);   
currentX = newX;    currentY = newY;                       
whichIt.style.pixelLeft += distanceX;                          
whichIt.style.pixelTop += distanceY;                      
if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;    if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft; if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;  
event.returnValue = false;  
} else {   
whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); 
if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; 
if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;  
if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17; 
if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; 
return false;} 
return false;  
}   
function dropIt() {     
whichIt = null;     
if(NS) window.releaseEvents (Event.MOUSEMOVE);  
return true;             
	}                     
  
if(NS) {    
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt; 
window.onmouseup = dropIt; 
}              
if(IE) {                     
document.onmousedown = grabIt;    
document.onmousemove = moveIt;   
document.onmouseup = dropIt;          
	}                         
if(NS || IE) action = window.setInterval("heartBeat()",1);  
setTimeout("ad_check()",10)

</SCRIPT>
</td></tr>
</table></center>

</body>
</html>