对联广告代码效果大全

社区服务
高级搜索
猴岛论坛辅助工具对联广告代码效果大全
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
« 返回列表
0个回复

对联广告代码效果大全

 楼层直达
ミ耒婚夫﹏

ZxID：3960108

等级: 大尉
個秂ˉ已經習慣ㄋ。 沒囿秂菂情秂結。

举报 只看楼主 使用道具 楼主   发表于: 2009-02-14 0
普通效果

现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：


复制代码
  1. var delta=0.015
  2.   var collection;
  3.   function floaters() {
  4.     this.items  = [];
  5.     this.addItem  = function(id,x,y,content)
  6.             {
  7.             document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
  8.            
  9.             var newItem          = {};
  10.             newItem.object        = document.getElementById(id);
  11.             newItem.x          = x;
  12.             newItem.y          = y;
  13.             this.items[this.items.length]    = newItem;
  14.             }
  15.     this.play  = function()
  16.             {
  17.             collection          = this.items
  18.             setInterval('play()',10);
  19.             }
  20.     }
  21.     function play()
  22.     {
  23.         if(screen.width<=800)
  24.         {
  25.           for(var i=0;i<collection.length;i++)
  26.           {
  27.             collection.object.style.display  = 'none';
  28.           }
  29.           return;
  30.         }
  31.         for(var i=0;i<collection.length;i++)
  32.         {
  33.           var followObj    = collection.object;
  34.           var followObj_x    = (typeof(collection.x)=='string'?eval(collection.x):collection.x);
  35.           var followObj_y    = (typeof(collection.y)=='string'?eval(collection.y):collection.y);
  36.           if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
  37.             var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
  38.             dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
  39.             followObj.style.left=followObj.offsetLeft+dx;
  40.             }
  41.           if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
  42.             var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
  43.             dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
  44.             followObj.style.top=followObj.offsetTop+dy;
  45.             }
  46.           followObj.style.display  = '';
  47.         }
  48.     } 
  49.    
  50.   var theFloaters    = new floaters();
  51.   theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>');
  52.   theFloaters.addItem('followDiv2',0,0,'<br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>');
  53.   theFloaters.play();


把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！
打赏 收藏 新鲜事

相关主题

回复 引用
　 鲜花[0]　 鸡蛋[0]
« 返回列表
发帖 回复