浮動圖層，廣告範例

做網頁的時候常常會用到一種廣告方式會跟隨著瀏覽器的捲軸移動，
這裡提供原始檔案，如果您也有興趣可以自行把程式修改...
例如改成~顯示幾秒後關閉、幾秒後圖片輪播~來做應用~~code如下

範例程式下載

這裡放您要呈現的內容

  adWidth = 160;//廣告寬度
  nowX = 1000;//目前位置(left)
  nowY = 100;//目前位置(top)

  fad_style = document.getElementById('iRFloating').style;

  function fadIni()
  {
      innerWidth = document.body.clientWidth;
      innerHeight = document.body.clientHeight;
  
      edge = (innerWidth-1000)/2;
  
      if( edge > adWidth )
      {
          posX = edge + 1000;
      }
      else
      {
          posX = innerWidth-adWidth;
      }
  
      posY = 100;
  
  }
  function fadRefresh()
  {
      offsetX = posX + document.body.scrollLeft - nowX;
      offsetY = posY + document.body.scrollTop - nowY;
      nowX += offsetX / 5;
      nowY += offsetY / 5;
      fad_style.left = nowX;
      fad_style.top = nowY;
  
      floatID = setTimeout('fadRefresh()', 20 );//Refresh時間
  }
  
  function fadStart()
  {
      fadIni();
      window.onresize=fadIni;
      fadRefresh();
  }
  
  fadStart();