如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分？用JS还是用HTML就可以了？给离子吧。

Question

看新浪网首页广告，把源代码下来不就OK了吗?简单。

Answer 1

在页面加入<DIV id=floater 
style="Z-INDEX: 100; LEFT: 679px; WIDTH: 79px; POSITION: absolute; TOP: 15px; HEIGHT: 68px"><IMG height=80 “Internet”src="images/fly_girl.gif" width=96 border=0></DIV>
<SCRIPT language=JavaScript src="fly.js"></SCRIPT>
fly.js文件为:
//“飞天”导航图标脚本
  self.onError=null;
  currentX = currentY = 0;  
  whichIt = null;           
  lastScrollX = 0; 
  lastScrollY = 0;
  NS = (document.layers) ? 1 : 0;
  IE = (document.all) ? 1: 0;
function movelogo() 
{
  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;
   } 
}
if(NS || IE) 
  action = window.setInterval("movelogo()",1);