带有关闭按钮的网站两侧浮动广告

如下也是一个网站两侧浮动窗口(带着关闭按钮)

 <script type="text/javascript" >


   var delta=0.15

   var collection;

   var closeB=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

     setInterval('play()',10);

      }

  }

  function play()

  {

   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','document.body.clientWidth-233',568,'<EMBED src=cec-image/newyear.swf quality=high  WIDTH=91 HEIGHT=258 TYPE=application/x-shockwave-flash></EMBED><br><img src=cec-image/close.jpg onClick="closeBanner();">');

 theFloaters.addItem('followDiv2',142,568,'<EMBED src=cec-image/newyear.swf quality=high  WIDTH=91 HEIGHT=258 TYPE=application/x-shockwave-flash></EMBED><br><img src=cec-image/close.jpg onClick="closeBanner();">');

 //theFloaters.addItem('followDiv1','document.body.clientWidth-110',16,'<a href="http://www.22i23.cn" target="_blank"><img src=cec-image/021online_right.gif width=91 height=258 border=0></a><br><br><img src=cec-image/close.jpg onClick="closeBanner();">');

 //theFloaters.addItem('followDiv2',12,16,'<a href="http://www.22i23.cn" target="_blank"><img src=cec-image/021online_left.gif width=91 height=258 border=0></a><br><br><img src=cec-image/close.jpg onClick="closeBanner();">');

 theFloaters.play();
</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值