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

该特效需要用到相关的图片，比如那个效果的皮服，请各位自行将相关的图片下载到本地使用。
</p> <p><title><a href="https://kunjuke.com/tag/5555/" title="腾讯" target="_blank">腾讯</a>qq<a href="https://kunjuke.com/tag/257/" title="网页" target="_blank">网页</a><a href="https://kunjuke.com/tag/7865/" title="在线客服" target="_blank">在线客服</a>，随网页<a href="https://kunjuke.com/tag/756/" title="滚动条" target="_blank">滚动条</a>上下移动的效果一</title> </p> <table cellspacing="0" cellpadding="0" width="100%" border="0"> <tbody> <tr> <td valign="top" width="7%">　</td> </tr> </tbody> </table> <p>function picsize(obj,maxwidth){<br /> img=new image();<br /> img.src=obj.src;<br /> if (img.width>maxwidth)<br /> {<br /> return maxwidth;<br /> }<br /> else<br /> {<br /> return img.width;<br /> }<br /> }<br /> function closeqq()<br /> {<br /> divstaytopleft.style.display="none";<br /> return true;<br /> }<br /> var online= new array(); </p> <table cellspacing="0" cellpadding="0" width="109" border="0"> <tr> <td colspan="3"> </td> </tr> <tr> <td width="6"></td> <td valign="top" width="96"> <table cellspacing="0" cellpadding="0" width="90" align="center" border="0"> <tr> <td height="30"> <table cellspacing="0" cellpadding="0" width="90" border="0"> <tr> <td> <span class="font_12"><br /> <span style="font-size: 9pt">客户服务</span></span></td> </tr> </table> </td> </tr> <tr> <td> <table border="0" width="100%" cellpadding="2" id="table47"> <tr> <td width="15" valign="top" height="23"> </td> <td valign="bottom">document.write("");</td> </tr> </table> </td> </tr> <tr> <td></td> </tr> <tr> <td> <table border="0" width="100%" cellpadding="2" id="table47"> <tr> <td width="15" valign="top" height="23"> </td> <td valign="bottom">document.write("");</td> </tr> </table> </td> </tr> <tr> <td></td> </tr> </table> </td> <td width="7"></td> </tr> <tr> <td colspan="3"> </td> </tr> <tr> <td colspan="3"> </td> </tr> </table> <p>function floattop()<br /> {<br /> var startx1 =document.body.offsetwidth-125 ,starty1 = 5;<br /> var startx2 =0,starty2 = 95;<br /> var ns = (navigator.appname.indexof("netscape") != -1);<br /> var d = document;<br /> function ml(id,startx,starty)<br /> {<br /> var el=d.getelementbyid?d.getelementbyid(id):d.all?d.all[id]:d.layers[id];<br /> if(d.layers)el.style=el;<br /> el.sp=function(x,y){this.style.left=x;this.style.top=y;};<br /> el.x = startx;<br /> el.y = starty;<br /> return el;<br /> }<br /> window.staytopleft=function()<br /> {<br /> var py = ns ? pageyoffset : document.body.scrolltop;<br /> ftlobj.y += (py + starty1 - ftlobj.y)/8;<br /> ftlobj1.y += (py + starty2 - ftlobj1.y)/8;<br /> ftlobj.sp(document.body.scrollleft+document.body.offsetwidth-125, ftlobj.y);<br /> ftlobj1.sp(ftlobj1.x, ftlobj1.y);<br /> settimeout("staytopleft()", 30);<br /> }<br /> // ftlobj = ml("divstay",document.body.scrollleft+document.body.offsetwidth-125,0);<br /> // ftlobj1 = ml("divstaytopleft",0,30);<br /> ftlobj = ml("divstay",(document.body.scrollleft+document.body.offsetwidth)/2+379,0);<br /> ftlobj1 = ml("divstaytopleft",(document.body.scrollleft+document.body.offsetwidth)/2+379,30);<br /> staytopleft();<br /> }<br /> floattop(); </p> <p><!--end: qq在线客服 --> </p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> </p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> <p>　</p> </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]