飘浮广告（飘浮在网页最顶层）

 <div id="img"
  style="position: absolute; left: 311; top: 815; visibility: hidden;z-index:100;"
  οnmοuseοver="clearInterval(interval)"
  οnmοuseοut="interval = setInterval('changePos()', delay)"
  align="right">
  <a href="http://tj.szlhxq.gov.cn" target="_blank"><img border="0"
      src="${resSys}/index/images/jp.jpg"
   οnlοad="return imgzoom(this,500);"
    style="cursor: pointer;" /></a>
  <span style="CURSOR: hand; color: red; font-weight: bold"
   οnclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭</span>
 </div>
 <script language=javascript>
  var xPos = 20;//from alixixi.com
  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.style.visibility = "visible";
   interval = setInterval('changePos()', delay);
  }
  start();
 </script>

 

注意div的z-index:100，z-index设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。这个一100足够大了。

很多人做这个广告发现广告飘在flash下面，这个属性可以解决这个问题。