左右悬浮广告代码

2007-09-28 16:47var delta=0.15

var collection;

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

      setInterval('play()',10);

       }

   }

   function play()

   {

    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 = '';

    }

   }

  

var theFloaters   = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-112',230,'<a href=左链接的地址1 target=_blank><img src=左图片地址1 border=0></a><BR><BR><a href=左链接的地址2 target=_blank><img src=左图片地址2 border=0></a>');

theFloaters.addItem('followDiv2',12,230,'<a href=右链接地址1 target=_blank><img src=右图片地址1 border=0></a><BR><BR><a href=右链接地址2 target=_blank><img src=右图片地址2 border=0></a>');

theFloaters.play();

把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用 <SCRIPT src="*.js"></SCRIPT>

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 广告广告 悬浮悬浮
相关日志: