如何做滚动效果？

<script>var  timer</script>  
<div  id=demo  style="width:100;height:100;overflow:auto">  
就是在最中间有个层或话框，有上下两个图片，把鼠标放到向上的图片时向上滚动，向下是向下滚动。  
要怎么实现？把代码帖出来行吗？  
</div>  
<img  src="up.gif"  onmouseover="timer=setInterval('demo.scrollTop--',1)"  onmouseout="clearInterval(timer)">  
<img  src="down.gif"  onmouseover="timer=setInterval('demo.scrollTop++',1)"  onmouseout="clearInterval(timer)">