QQ js浮动效果

<DIV id=QQFloat style="Z-INDEX: 20; RIGHT: 0px; VISIBILITY: visible; WIDTH: 120px; POSITION: absolute; TOP: 130px; ">
<TABLE cellSpacing=0 cellPadding=0 width=111 align=center border=0>
  <TBODY>
  <TR>
    <TD height=24><A href="javascript:Close()"><IMG height=24

      src="http://www.taikegongkong.com/images/01.gif" width=111

      border=0></A></TD></TR>
  <TR>
    <TD height=27><IMG height=27

      src="http://www.taikegongkong.com/images/03.gif" width=111></TD></TR>
  <TR>
    <TD vAlign=top background="http://www.taikegongkong.com/images/04.gif">
      <TABLE cellPadding=0 width="100%" align=center border=0>
        <TBODY>
<TR>
          <TD align=right width="33%" style="font-size:12px;">业务</TD>
          <TD width="67%">
<a target="_blank" href="tencent://message/?uin=249805177&Site=www.sharptogether.com&Menu=no">
 <img border="0" width="67px" src="http://wpa.qq.com/pa?p=2:249805177:41 &r=0.4441677106078714" alt="点击这里给我发消息" title="点击这里给我发消息"></a>
 
</TD></TR>
<TR>
          <TD align=right width="33%" style="font-size:12px;">业务</TD>
          <TD width="67%">
            <A href="tencent://message/?uin=1365053828&Site=www.sharptogether.com&Menu=no"

            target=_blank><IMG src="http://wpa.qq.com/pa?p=2:1365053828:41 &r=0.4441677106078714" alt="点击这里给我发消息" title="点击这里给我发消息" width="67px" ref="nofllow" border=0></A></TD></TR>
 
        <TR>
          <TD align=right width="33%" style="font-size:12px;">业务</TD>
          <TD width="67%">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1843956901&site=qq&menu=yes">
<IMG title=点击这里给我发消息 alt=点击这里给我发消息

            src="http://wpa.qq.com/pa?p=2:1843956901:41 &r=0.4441677106078714" width="67px" ref="nofllow" border=0></A></TD></TR>     
 
 <TR>
          <TD align=right width="33%" style="font-size:12px;">技术</TD>
          <TD width="67%">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1354328911&site=qq&menu=yes">
<IMG title=点击这里给我发消息 alt=点击这里给我发消息

            src="http://wpa.qq.com/pa?p=2:1354328911:41 &r=0.4441677106078714" width="67px" ref="nofllow" border=0></A></TD></TR>
        </TBODY></TABLE></TD></TR>
  <TR>
    <TD height=19><IMG height=19  src="http://www.taikegongkong.com/images/05.gif"

  width=111></TD></TR></TBODY></TABLE></DIV>
 
<SCRIPT type=text/javascript>
//<![CDATA[
var tips; var theTop = 128/*这是默认高度,越大越往下*/;
var old = theTop;
function initFloatTips() {
  tips = document.getElementById('QQFloat');
  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);
}
function Close(){
    QQFloat.style.visibility = "hidden";
}

//!]]>

initFloatTips();

</SCRIPT>