腾讯QQ网页在线客服，随网页滚动条上下移动的效果

<html> $;&l{
=e2)  
)FSEHQ  
<head> &=f?:UZ%  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> xYZ,.  
<title>情缘资源吧|kis163.com|---腾讯QQ网页在线客服，随网页滚动条上下移动的效果一</title> xs&xcRR"  
q6ZewuV.  
</head> k }{o: N  
`v-O 4Pk  
<DIV id=divStay style="POSITION: absolute"> *\@RBJGF  
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> JVGTmS[3  
<TBODY> `8r$b/6  
<TR> FJ^\K+;  
<TD vAlign=top width="7%">　</TD></TR></TBODY></TABLE></DIV> +f%"O?  
<SCRIPT language=javascript> UM`{V5NG#  
function picsize(obj,MaxWidth){ *$5p,m6G  
img=new Image(); /+*N.D'`t,  
img.src=obj.src; h$}PQ   
if (img.width>MaxWidth) 1]9w9!j  
{ dVk(R9 8  
return MaxWidth; QJ(5o7Tfn  
} f5p/cUzX  
else A;^ iy]"  
{ cU-A1W  
return img.width; QT5pn5+ z  
} t\h4-dJn  
} _Hd|y  
function CloseQQ() q(X
7e  
{ WNZYs  
divStayTopleft.style.display="none"; V= -  
return true; 6O,:I  
} in5e *  
var online= new Array(); p_ f<@WE  
</SCRIPT> '<xE0
<  
<div id="divStayTopleft" style="POSITION: absolute"> yZ[=Y  
<table cellspacing="0" cellpadding="0" width="109" border="0"> rHM^_sYRb  
  <tr> GXIzAB(  
    <td colspan="3"> ,q>cFsY=i?  
    <a onclick="CloseQQ()" href="javascript:;" shape="circle" coords="91,16,12">
`GkCOx,  
    <img height="34" src="../Uploadfile/qq_top.gif" width="109" usemap="#Map" border="0"></a></td> a#
{"3Z2|  
  </tr> :b*7TJ\grN  
  <tr> :|$cG~'J  
    <td width="6"><img height="100" src="../Uploadfile/qq_life.gif" width="6"></td> V2|By,.  
    <td valign="top" width="96" background="../Uploadfile/qq_bg.gif"> {F2Rv  
    <table cellspacing="0" cellpadding="0" width="90" align="center" border="0"> e&2,cQRFV  
      <tr> f,F1k9-1!  
        <td height="30"> W/%hS)75  
        <table cellspacing="0" cellpadding="0" width="90" border="0"> [& Z- *a  
          <tr> 7{(UiQbf  
            <td> KK
5;6b  
            <img height="13" src="../Uploadfile/qq_ico1.gif" width="16"><span class="font_12"> fm@Pa} ,  
            <span style="font-size: 9pt">客户服务</span></span></td> _5H~1G%q  
          </tr> (~%NRH<\  
        </table> 3tCTPZy  
        </td> tjwnFqI  
      </tr> D(;+my2  
      <tr> 6^t#sEff]  
        <td> 6%h%h:
e  
        <table border="0" width="100%" cellpadding="2" id="table47"> O_
7}H)  
          <tr> Vfga%K%l F  
            <td width="15" valign="top" height="23"> $8i`h}AM  
            <img border="0" src="../Uploadfile/qq_v01.gif" width="16" height="16"></td> R<Mc+{*>  
            <td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=290695482&Site=情缘资源吧&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:290695482:10 alt=[情缘资源吧客服1]></a>");</script></td> %8D>aS U  
          </tr>
g1|Pyt{  
        </table> oH+PlL  
        </td> XI ;] c5  
      </tr> t$%<eF@w  
      <tr> 2$kB^g!:o  
        <td></td> ZG2EOy  
      </tr> {@iLfBh5  
      <tr> >Oj$Dn=  
        <td> ;l~a|KW0  
        <table border="0" width="100%" cellpadding="2" id="table47"> {hJCn*m_   
          <tr> K!Fem6R  
            <td width="15" valign="top" height="23"> }<X*:%#b  
            <img border="0" src="../Uploadfile/qq_n01.gif" width="16" height="16"></td> OdZ/\_Z  
            <td valign="bottom"><script>document.write("<a target=blank href=tencent://message/?uin=290695482&Site=情愿资源吧&Menu=yes><img border=0 SRC=http://wpa.qq.com/pa?p=1:529516500:10 alt=[情缘资源吧客服2]></a>");</script></td> %qz-b.  
          </tr> ;y. ;U#O  
        </table> \Cu=Le^  
        </td> k(pJVez  
      </tr> 1;1;-4k7I  
      <tr> QNINn>2  
        <td></td> ['Lo8 [  
      </tr> #^r-D[/m  
    </table> [8UZ5_1WL  
    </td> 2
oEuqHL  
    <td width="7"><img height="100" src="../Uploadfile/qq_right.gif" width="7"></td> gm2|`^Xq$  
  </tr> _S7?c^:~  
  <tr> @2L^?*n=  
    <td colspan="3"> R;pW,]}g,  
    <img height="30" src="../Uploadfile/qq_bottom1.gif" width="109"></td> xjiV9{w  
  </tr> z/`+jIB  
  <tr> l^ay*H  
    <td colspan="3"> Jw@X5-(Cp  
    <img height="33" src="../Uploadfile/qq_logo.gif" width="109"></td> R[
v0T/  
  </tr> 9#9bm  
</table> v0dzM/?*  
</div> qb
sod  
<script type="text/javascript"> K<:%ofB"S  
function FloatTop() c5$DHT@N"  
{ (J%4}Dm  
var startX1 =document.body.offsetWidth-125 ,startY1 = 5; ] 1pIIX}  
var startX2 =0,startY2 = 95; V\x'w*FP  
var ns = (navigator.appName.indexOf("Netscape") != -1); 2,q*8=?{6P  
var d = document; oA[`| ji  
function ml(id,startX,startY) :0Jn`Ds4o  
{ gk6R#  
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id]; X4S|JT  
if(d.layers)el.style=el; (kB  
el.sP=function(x,y){this.style.left=x;this.style.top=y;}; ;
$6L_C4B  
el.x = startX; &_-=(rK  
el.y = startY; 5I2 h(Td  
return el; '%t$mf!nV  
} %;ED}X  
window.stayTopLeft=function() HBR/" m  
{ Z2m^yRQ(  
var pY = ns ? pageYOffset : document.body.scrollTop; U5N|2  
ftlObj.y += (pY + startY1 - ftlObj.y)/8; :AFW=e@<  
ftlObj1.y += (pY + startY2 - ftlObj1.y)/8; k^8;3#xG  
ftlObj.sP(document.body.scrollLeft+document.body.offsetWidth-125, ftlObj.y); C_/eNu\I  
ftlObj1.sP(ftlObj1.x, ftlObj1.y); r<1W.xd":  
setTimeout("stayTopLeft()", 30); #*.4Jv<R  
} y\;oZ]J  
//   ftlObj = ml("divStay",document.body.scrollLeft+document.body.offsetWidth-125,0); :*,!gf  
//   ftlObj1 = ml("divStayTopLeft",0,30); ^|.T\  
ftlObj = ml("divStay",(document.body.scrollLeft+document.body.offsetWidth)/2+379,0); zO\_^A|8H  
ftlObj1 = ml("divStayTopLeft",(document.body.scrollLeft+document.body.offsetWidth)/2+379,30); Bj2iYk_cLa  
stayTopLeft(); !{CIP`P1  
} [[^r;XKQ  
FloatTop(); 0@b<?Ms9  
</script> Ncbe{}<md  
<!--End: QQ在线客服 --> O0z-jZ,])  
NR(rr.  
qjkWCLOd  
</body> }NwmZw>_  
)e PQxx  
</html>

看不懂``` cwaR#-#  
初学者``