收藏本站 网站地图
网页特效 实用工具 意见建议
您现在的位置: 电脑志|PCzhi.com >> 网页制作 >> 网页特效 >> 网页常用代码 >> 文章正文  
网页两侧随屏浮动广告代码附简单参数讲解
来源:网络整理  作者:佚名  时间:2007-11-28 6:27:27  【字体: 】 [IE收藏] [QQ书签收藏]

网页两侧随屏飘浮广告应该是站长最常用的广告样式了,下面我们主要讲几个常用的参数,广告代码如下,请用JS调用,当然你也可以放在<script language="JavaScript"></script>之间.


//左边
var left_img='广告代码';

//右边
var right_img='广告代码';

var delta=0.55
var collection;
function floaters() {
  this.items = [];
  this.addItem = function(id,x,y,content)
      {
     document.write('<DIV align=center 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+guangbi+'</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<780)
   {
    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 = '';
   }
  }

var theFloaters  = new floaters();

guangbi = ""

if(typeof(yougao)=="undefined"){
yougao=0
}

theFloaters.addItem('followDiv1','document.body.clientWidth-80','document.body.clientHeight-220-yougao',''+right_img+'');

theFloaters.addItem('followDiv2',0,'document.body.clientHeight-300',''+left_img+'');

theFloaters.play();


红色地方注意按自己的要求更改,此广告按下为准,

//左边
var left_img='广告代码';  左边的内容,一般为图片加链接,也可以FLASH

//右边
var right_img='广告代码同上

clientWidth-80 广告左边相距距离,这里设定广告为80宽,按要求相对更改

clientHeight-300 广告的高度,比如你的这里设定的是300

  • 上一篇文章:
  • 下一篇文章:
  • 特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系网站管理员,我们尽快予以更正。
    最新推荐
    让一个打开的窗口在限定时间内自动关闭
    网页FLASH透明实现方法
    Javascript来改变图片大小
    网页飘浮广告特效代码
    网页两侧随屏浮动广告代码附简单参数讲解
    Head区代码规范
    网页中虚线表格的制作方法
    让广告不再影响你网站速度
    返回上一页代码
    最新热门
    JS代码来实现广告随机显示
    网页FLASH幻灯片代码_附简单讲解
    让一个打开的窗口在限定时间内自动关闭
    网页FLASH透明实现方法
    Javascript来改变图片大小
    网页飘浮广告特效代码
    网页两侧随屏浮动广告代码附简单参数讲解
    个人站长制做网页常用代码集锦
    颜色英文代码全集
    :::::: 关于我们版权申明联系我们广告服务友情链接网站地图最近更新最新推荐 ::::::
    © CopyRight 2007, PCzhi.com, Inc. All Rights Reserved
    鄂ICP备07502343号