看看这样的JavaScript效果怎么做的?(浮动图片)

新建一个JS文件drop.js,代码如下:   
      //常数定义     
  self.onError=null;           
  currentX   =   currentY   =   0;           
  whichIt   =   null;           
  lastScrollX   =   0;   //最后离左边距离的负值   
  lastScrollY   =0;     //最后离顶部的高度的负值   
        
  //----------------------start   fun秒执行一次         
  function   heartBeat(id1,id2)   {           
  diffY   =   document.body.scrollTop;   
  diffX   =   document.body.scrollLeft;     
    
  if(diffY   !=   lastScrollY)   {           
  percent   =   .1   *   (diffY   -   lastScrollY);           
  if(percent   >   0)   percent   =   Math.ceil(percent);           
  else   percent   =   Math.floor(percent);           
  id1.style.pixelTop   +=   percent;   
  id2.style.pixelTop   +=   percent;         
  lastScrollY   =   lastScrollY   +   percent;           
  }           
    
  if(diffX   !=   lastScrollX)   {           
  percent   =   .1   *   (diffX   -   lastScrollX);           
  if(percent   >   0)   percent   =   Math.ceil(percent);           
  else   percent   =   Math.floor(percent);           
  id1.style.pixelTop   +=   percent;   
  id2.style.pixelTop   +=   percent;               
  lastScrollX   =   lastScrollX   +   percent;           
  }           
  }           
  //-----------------------end   fun   
  scr=screen.width   
  left_1=(scr>800)?10:145   
  right_1=(scr>800)?880:580   
    
  //左侧图片   
  document.write("<DIV   id=f1   style='left:   "+left_1+"px;   top:   215px;   POSITION:   absolute;'><a   href=glxj.html   target=_blank><img   src=ad/glxj.gif   border=0   width=120   height=125></a></div>")   
    
  //右侧图片   
  document.write("<DIV   id=f2   style='left:   "+right_1+"px;   top:   215px;   POSITION:   absolute;'><a   href=http://www.cney.net/art_data.asp?id=78   target=_blank><img   src=ad/yydb.gif   border=0   width=150   height=47></a></div>")   
    
  action   =   window.setInterval("heartBeat(f1,f2)",50);           
    
  然后在你想要放的页面上加上这段代码就搞定了   
  <script   src="drop.js"></script>   

解决方案 »

  1.   

    VIEW SOURCE
    VIEW GENERATED SOURCE
    就好了 （FF更好！）
      

  2.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>对联</title>
    <style>
    .adCon {
    Z-INDEX: 100; POSITION: absolute
    }
    .adCon_1 {
    MARGIN: 0px 0px 10px
    }
    .adCon IMG {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
    }
    .adCon_close {
    CLEAR: both; DISPLAY: block; WIDTH: 100px; CURSOR: pointer; LINE-HEIGHT: 12px; HEIGHT: 12px;text-align:right
    }
    </style></head><body>
    <div class="adCon" id="leftDiv" style="LEFT: 10px; OVERFLOW: hidden; WIDTH: 120px; TOP: 423px" >
    <div class="adCon_1" id="leftDiv0">
    <div class="adCon_close" onclick="CloseAd('leftDiv0');">X</div>
    <a target="_blank" style="color: #959595; text-decoration: none; border: 0 none" href="##">
    <img alt="" src="http://case.blueidea.com/files/2009/02/27/work_319926_11548_20090227_160348_9963685_t.jpg" style="border: 0 none"></a>
    </div>
    </div><div class="adCon" id="rightDiv" style="RIGHT: 0px; OVERFLOW: hidden; WIDTH: 120px; TOP: 453px">
    <div class="adCon_1" id="rightDiv0">
    <div class="adCon_close" onclick="CloseAd('rightDiv0');">X</div>
    <a target="_blank" style="color: #959595; text-decoration: none; border: 0 none" href="##">
    <img alt="" src="http://case.blueidea.com/files/2009/02/18/work_404806_11369_20090218_080003_8358765_t.jpg" style="border: 0 none"></a>
    </div>
    </div>
    <script language="javascript" type="text/javascript">
    var lTop = 200;
    var rTop = 400;
    function CloseAd(AdObjID){
    var AdObj = document.getElementById(AdObjID);
    AdObj.style.height = AdObj.offsetHeight;
    AdObj.innerHTML = "";
    }
    function PlayAd(){
    var AdLeft = document.getElementById('leftDiv');
    var AdRight = document.getElementById('rightDiv');
    AdLeft.style.top = AdLeft.offsetTop - (AdLeft.offsetTop - document.body.scrollTop) + lTop;
    AdRight.style.top = AdRight.offsetTop - (AdRight.offsetTop - document.body.scrollTop) + rTop;
    setTimeout("PlayAd()",100);
    }PlayAd();</script>
    <div style=height:999px></div></body></html>