欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

qq 客服代码 浮动窗 正确 滚动 有大用

shiping1 的头像
<!--QQ客服开始 -->
<div id="ser_qq">
  <div id="ser_qq_img">
 
  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=843253614&site=qq&menu=yes"><img src="/images/qqkf.gif" alt="服装学校客服"></a>
 
</div>
</div>

<script language="javascript">
var tips;
var theTop = 40;
var old = theTop;
function initFloatTips()
{
 tips = document.getElementById('ser_qq');
 moveTips();
}
function moveTips()
{
    var tt=50;
    if (window.innerHeight)
    {
     pos = window.pageYOffset
    }else if (document.documentElement && document.documentElement.scrollTop) {
    pos = document.documentElement.scrollTop
    }else if (document.body) {
      pos = document.body.scrollTop;
    }
    pos=pos-tips.offsetTop+theTop;
    pos=tips.offsetTop+pos/10;
    if (pos < theTop){
    pos = theTop;
    }
    if (pos != old) {
    tips.style.top = pos+"px";
    tt=10;  //alert(tips.style.top);
    }
    old = pos;
    setTimeout(moveTips,tt);
}

initFloatTips();
</script>
<!--QQ客服结束 -->




<!--下面是css代码-->
<style>
#ser_qq_img{
 width:91px;
 height:151px;
 overflow:hidden;
 position:relative;
 float:right;
 z-index:50px;
}
#ser_qq {
  1. positionabsolute;
  2. left0;
  3. z-index999999999;
  4. width91px;
}
</style>
 
普通分类: