关于在JSP页面里的悬浮广告的问题

Question

关于在JSP页面里的悬浮广告的问题：请大家教教小弟做各种不同的悬浮广告
不管用什么方法都行——JavaScript的也好别的也好
比如： 可以用鼠标拖动广告标题栏移动的
      总保持在页面内的
      象CSDN的到处跑的
      
方法越多越好。

Answer 1

还没人，我晕了。JAVA的人气不行啊

Answer 2

<STYLE type=text/css>
#floater {LEFT: 450px; POSITION: absolute; TOP: 120px; 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 id=floater style="WIDTH: 343px; HEIGHT: 100px" align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#999999 cellSpacing=0 cellPadding=0 width=316 bgColor=#eeeeee border=1>
<TBODY>
<TR>
<TD width=310 height=15>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=bottom align=right width="100%" height=15>
<TABLE height=2 width="100%" border=0>
<TBODY>
<TR>
<TD align=right height=1><A class=banner href="http://newhysoft.com/ayejun2605/book/reg.asp" target=_blank><FONT style="FONT-SIZE: 9pt" face=宋体 color=#000000>[免费留言本]</FONT></A>&nbsp;&nbsp;<FONT language=javascript class=banner id=Min onclick="return Min_onclick()"><FONT style="FONT-SIZE: 9pt; CURSOR: hand" color=#666666>OFF</FONT></FONT><FONT language=javascript class=banner id=Min onclick="return Max_onclick()"><FONT color=#666666>/</FONT><FONT style="FONT-SIZE: 9pt; CURSOR: hand" color=#666666>ON</FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE id=ad1 style="BORDER-COLLAPSE: collapse" borderColor=#999999 cellSpacing=0 cellPadding=2 width=316 bgColor=#eeeeee border=1>
<TBODY>
<TR>
<TD disabled width=310 bgColor=#eeeeee height=58>
<P align=center><A href="http://yejun2605.anyp.cn" target=_blank><IMG height=58 src="http://photoimg3.qq.com/cgi-bin/load_pic?verify=xH%2BJRu6LhjAGm5d6VEiLng%3D%3D" width=310 border=0></A></P></TD></TR>
<TR>
<TD width=310 bgColor=#eeeeee height=5><FONT color=#ffffff size=2><A class=banner href="http://newhysoft.com/ayejun2605/REG1.ASP" target=_blank><FONT color=#ff0000><B>申请免费统计</B></FONT></A>&nbsp;&nbsp;&nbsp;&nbsp;<FONT style="FONT-SIZE: 9pt" face=宋体 color=#dddddd> <A class=banner href="#" target=_blank><FONT style="FONT-SIZE: 9pt" face=宋体 color=#ff0000>[建站资源情感梦]</FONT></A></FONT>&nbsp;&nbsp;&nbsp;&nbsp;<A class=banner href="http://newhysoft.com/ayejun2605/link/in.asp?id=yj2605" target=_blank><FONT style="FONT-SIZE: 9pt" face=宋体 color=#ff0000>[梦网]</FONT></A></FONT></TD></TR></TBODY></TABLE></DIV>
<SCRIPT language=JScript id=clientEventHandlersJS>
<!--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>

Answer 3

<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;                              
<!-- STALKER CODE -->                              
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;                     
}                           
}                         
<!-- /STALKER CODE -->              
<!-- DRAG DROP CODE -->              
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;             
 }                     
<!-- DRAG DROP CODE -->  
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>

Answer 4

<!-- 游动广告--><div  id="img"  style="position:absolute;"><a href="你的联接" target=_blank><img border="0" src="images/广告图片.gif" width="80" height="80"></a></div> <SCRIPT  LANGUAGE="JavaScript"> <!--  Begin var  xPos  =  20; var  yPos  =  document.body.clientHeight; 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; img.style.top  =  yPos; function  changePos()  { width  =  document.body.clientWidth; height  =  document.body.clientHeight; Hoffset  =  img.offsetHeight; Woffset  =  img.offsetWidth; img.style.left  =  xPos  +  document.body.scrollLeft; img.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()  { img.visibility  =  "visible"; interval  =  setInterval('changePos()',  delay); } start(); //    End  --> </script> <!--游动结束-->

Answer 5

谢谢shazi_pig(傻子)，还有别的方法吗，我想多学点

Answer 6

谢谢keiy() ，还有别的方法吗，我想再多学点

Answer 7

xmankevin1980xman(我、我要、我要你、我要你的爱。：
不用客气的。
在很多特效里面都有方法的。我的也是在那里面找的。

Answer 8

悬浮广告和jsp没什么关系，就用一般的javascript就可以实现

Answer 9

你来错地方了，到dhtml那里去