浮动图片.html

来自「里面放了一些网页制作过程中的常用技巧 大家可以下来作为参考」· HTML 代码 · 共 25 行

<SCRIPT   FOR=window   EVENT=onload   LANGUAGE="JScript">   
  initAd();//载入页面后，调用函数initAd()   
  </SCRIPT>   
  <script   language="JScript">   
  <!--   
  function   initAd()   {   
  document.all.AdLayer.style.posTop   =   -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置   
  document.all.AdLayer.style.visibility   =   'visible'//设置层为可见   
  MoveLayer('AdLayer');//调用函数MoveLayer()   
  }   
  function   MoveLayer(layerName)   {   
  var   x   =   800;//浮动广告层固定于浏览器的x方向位置   
  var   y   =   500;//浮动广告层固定于浏览器的y方向位置   
  var   diff   =   (document.body.scrollTop   +   y   -   document.all.AdLayer.style.posTop)*.40;   
  var   y   =   document.body.scrollTop   +   y   -   diff;   
  eval("document.all."   +   layerName   +   ".style.posTop   =   y");   
  eval("document.all."   +   layerName   +   ".style.posLeft   =   x");//移动广告层   
  setTimeout("MoveLayer('AdLayer');",   20);//设置20毫秒后再调用函数MoveLayer()   
  }   
  //-->   
  </script>   
  <!--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片     height="60"   width="60"-->   
  <div   id=AdLayer   style='position:absolute;   width:61px;   height:59px;   z-index:20;   visibility:hidden;   left:   600px;   top:   300px'>     
  <a   href="http://"><img   src='logo3.gif'   border="0"></a>     
  </div>