Kite's Blog 技术文章版

网站左右两边放广告,图像路径自己设定.
文件ad.js如下,页面调用<SCRIPT language=javascript src="ad.js"></SCRIPT>

  var delta=0.8;
  var collection;
  var closeB=false;
  var isScrolling = false;
  function floaters() {
    this.items  = [];
    this.addItem  = function(id,x,y,content)
         {
          document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
          
          var newItem        = {};
          newItem.object      = document.getElementById(id);
          newItem.x        = x;
          newItem.y        = y;

          this.items[this.items.length]    = newItem;
         }
    this.play  = function()
         {
          collection        = this.items;
          var scrollTimeout;
          document.body.onscroll = function(){
            isScrolling = true;
            clearTimeout(scrollTimeout);
            scrollTimeout = setTimeout(function(){
              isScrolling = false;
            },200);
          }
          setInterval('play()',30);
         }
    }
    function play()
    {
      if(isScrolling==true){//在拖动时不执行
        return;
      }
      if(screen.width<=800 || closeB)
      {
        for(var i=0;i<collection.length;i++)
        {
          collection[i].object.style.display  = 'none';
        }
        return;
      }
      for(var i=0;i<collection.length;i++)
      {
        var followObj    = collection[i].object;
        var followObj_x    = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
        var followObj_y    = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

        if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
          var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
          dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
          followObj.style.left=followObj.offsetLeft+dx;
          }

        if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
          var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
          dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
          followObj.style.top=followObj.offsetTop+dy;
          }
        followObj.style.display  = '';
      }
    }  
    function closeBanner()
    {
      closeB=true;
      return;
    }
  var theFloaters    = new floaters();
theFloaters.addItem('followDiv1',6,80,'<a href=http://www.ewyu.com/index.asp?q=site&id=2219 target=_blank><img src=http://www.ewyu.com/images/new_bbs-100-200.gif width=100 height=200 border=0></a><br><a href="#"><img src="http://www.ewyu.com/images/close.gif" onClick="closeBanner();" border="0"></a>');

theFloaters.addItem('followDiv2',document.body.clientWidth-106,80,'<a href=http://www.ewyu.com/2006 target=_blank><img src=http://www.ewyu.com/images/inver-100-200.gif width=100 height=200 border=0></a><br><a href="#"><img src="http://www.ewyu.com/images/close.gif" onClick="closeBanner();" border="0"></a>');
  theFloaters.play();