网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码(支持Firefox&IE)

网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码,支持 firefox和IE,已经过测试,在www.qunfaok.com使用。

<!--请将以下这段代码放到网页中您想要显示固定图标的位置-->
<div id="FloatDIV" style="position: absolute;top: 0px; border-right: activeborder 1px solid; border-top: activeborder 1px solid; border-left: activeborder 1px solid; border-bottom: activeborder 1px solid; z-index:9999">
    这里放置浮动层的内容,可以放图片或在线咨询客服的相关东西.
</div>

<script type="text/javascript">
    var MarginLeft = 10;    //浮动层离浏览器右侧的距离
  var MarginTop = 190;   //浮动层离浏览器顶部的距离
  var Width = 130;            //浮动层宽度
  var Heigth= 155;           //浮动层高度
  
  //设置浮动层宽、高
  function Set()
  {
      document.getElementById("FloatDIV").style.width = Width + 'px';
      document.getElementById("FloatDIV").style.height = Heigth + 'px';
  }
  
  //实时设置浮动层的位置
  function Move()
  {
        var b_top = window.pageYOffset 
                || document.documentElement.scrollTop 
                || document.body.scrollTop 
                || 0;
        var b_width= document.body.clientWidth;
      document.getElementById("FloatDIV").style.top = b_top + MarginTop + 'px';
      document.getElementById("FloatDIV").style.left = b_width - Width - MarginLeft + 'px';
      setTimeout("Move();",100);
  }
  
  Set();
  Move();

</script>

 

引用通告地址: 点击获取引用地址
标签: WEB 脚本
评论: 0 | 引用: 0 | 阅读: 1815 | 打印 | 打包 | 转发
发表评论
昵 称: 密 码:
网 址: 邮 箱:
验证码: 验证码图片 选 项:
头 像:
内 容:
  • 粗体
  • 斜体
  • 下划线
  • 插入图像
  • 超链接
  • 电子邮件
  • 插入引用