初级者象大家问个初级问题

来个简单的
------------------------------------------------------
<script language="javascript">
window.onscroll=function(){
var layer = document.getElementById("layer1");
layer.style.top=document.body.scrollTop+31+"px";
}
</script>
<body><div style="position: absolute; left: 556px; top: 31px; height:18px" id="layer1">
<img src="" alt="向上" onclick="if(document.body.scrollTop==0)return;document.body.scrollTop -=20;">
<img src="" alt="向下" onclick="if(document.body.scrollTop>=document.body.clientHeight)return;document.body.scrollTop +=20;">
</div>
<p>asdfasdf</p>
<p>aasdf</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>asdfasdf</p>
<p>asdf</p>
<p>　</p>
<p>asdf</p></body>