您的位置:HBcms宏博内容管理系统 建站经验 正文
 添加时间:2007-05-19 原文发表:2007-05-19 人气:1217


代码名称:网页上下浮动对联广告代码

代码特点:可显示flash,也可以显示图片,或文字,兼容firefox,带关闭广告的按钮,跟随滚动条

通用使用方法:将下面的代码复制到对应的广告位置,更改广告内容即可(具体细节请看代码里的说明)

HBcms系统使用方法:将下面代码复制到首页的某个自定义标记里(建议复制到默认的index_bottom_part标记里),更改广告内容,更新首页即可

飘浮对联广告源码/代码:

<script>

// 这是关闭飘浮广告的宽度,请根据你的广告内容而定
var hbcms_ad_width = 100;

// 这是关闭飘浮广告的代码,可以换成图片,点击即可关闭
var hbcms_close_str = '<div onClick="closeBanner();" style="color:gray;font-size:9pt;cursor:hand;text-align:center;width:100%;background-color: white;">关闭</div>';

// 设置左边的广告代码,请自己更换图片地址,或换成flash,或换成纯文字
// 如果不希望显示左边的广告,可设置为  = '';
var hbcms_left_ad = '<img src="http://iask.com/img/li.gif" width=100% height=200>' + hbcms_close_str;

// 设置右边的广告代码,如果要和左边的广告一致,可设为 = hbcms_left_ad;
// 如果不希望显示右边的广告,可设置为 = '';
var hbcms_right_ad = hbcms_left_ad;

 

var delta=0.8;
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:'+hbcms_ad_width+'px; 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()',30);
     }
 }

//本代码由宏博cms网站内容管理系统(http://www.hbcms.com/)整理修改
 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;
 }

//本代码由宏博cms网站内容管理系统(http://www.hbcms.com/)整理修改

var theFloaters  = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-106',hbcms_ad_width,hbcms_right_ad);
theFloaters.addItem('followDiv2',6,hbcms_ad_width,hbcms_left_ad);
theFloaters.play();

</script>

本页地址
相关文章

网站赢利的三个大前提
站长心得:小网站如何赢利
网站域名对于网站排名的重要性
网页标题Title关键字对于提高网站排名的作用
如何交换反向链接(外部链接)
站长经验:网站布局对访者的友好程度
为什么一定要用开源的CMS?个人站长没有必要
网站倒闭!个人网站的三大危机在哪里?
差网站举例:十五种网站最差的用户体验
如何让网友点击你的广告? 如何让浏览者产生
随机浮动代码,随机飘浮代码(兼容firefox,鼠
showModelessDialog弹出窗口代码,弹出广告
幻灯片式的网页图片滚动代码,图片滚动代码
微软live搜索优化 (MSN搜索优化 )优化
虚拟主机供应商,网站空间IDC的一些小秘密
网站logo在线设计,免费logo在线制作,在线
如何做往站?回忆一下做往站的心路历程
行业网站的推广计划书
写给个人站长,坚持就是胜利
做什么网站赚钱的问题

相关评论


本文章所属分类:首页 建站经验