JavaScript实践——右侧广告栏伴随滚动条移动

<!-- 右边栏 -->

<div style="height: 140px; width:130px; right: 10px; position: absolute; top: 70px; background-color: #FFFFFF;-moz-border-radius: 3px;-webkit-border-radius: 3px; " id="qqLink">
	<table width="125px" style="margin-right:5px; margin-top:5px;">
		<tr>
			<td align="left">
				<font color='red' style="font-size: 12px;">人工售卡：</font>
			</td>
	
		</tr>
		<tr>
			<td align="right">
				<a target=blank
					href=tencent://message/?uin=915720543&Site=rf2.365jishi.com&
					menu=yes> <img border="0"
						src=http://wpa.qq.com/pa?p=1:915720543:1 alt="点击这里给我发消息" />
				</a>
			</td>
		</tr>
		<tr>
			<td align="left">
				<font style="font-size: 12px;">日常处理：</font>
			</td>
		</tr>
		<tr>
			<td align="right">
				<a target=blank
					href=tencent://message/?uin=757543027&Site=rf2.365jishi.com&
					menu=yes> <img border="0"
						src=http://wpa.qq.com/pa?p=1:757543027:1 alt="点击这里给我发消息" />
				</a>
			</td>
	
		</tr>
		<tr>
			<td align="right">
				<a target=blank
					href=tencent://message/?uin=1049905800&Site=rf2.365jishi.com&
					menu=yes> <img border="0"
						src=http://wpa.qq.com/pa?p=1:1049905800:1 alt="点击这里给我发消息" />
				</a>
			</td>
		</tr>
	</table>
	<div style="text-align: right; font-size: 12px; margin-top: 2px;margin-right:2px;" onclick="hiddenZp('qqLink')" align="right">
	<img style="margin-right: 3px;" src="images/qqLinkClose.gif"/>关闭</div>
</div>

<script type="text/javascript">
	var lastScrollY=0;
	function heartBeat(){ 
        try{
			var diffY=document.documentElement.scrollTop; //获取当前页面的滚动条纵坐标位置
			percent=0.1*(diffY-lastScrollY); 
			if(percent>0){
				percent=Math.ceil(percent); 
			}else{
				percent=Math.floor(percent); 
			}
                //style.top

 距浏览器的显示区域的顶端的垂直距离


	         document.getElementById("qqLink").style.top=parseInt(document.getElementById("qqLink").style.top)+percent+"px";
			 lastScrollY=lastScrollY+percent; 
         }catch(ex){
         
         }
	}
	window.setInterval("heartBeat()",1);
	
	function hiddenZp(name){
         try{
			document.getElementById(name).style.visibility='hidden';
          }
          catch(ex){}
	}
	
</script>