如何用按钮控制代码的向上或向下滚动？

Question

<div id=link_logo style="OVERFLOW: hidden; WIDTH: 285px; HEIGHT: 160px">
  <div id=link_logo1 style="OVERFLOW: hidden">
    <p>这里是要滚动的内容</p>
  </div>
  <div id=link_logo2></div>
</div>
<script>
 var speed=65
  link_logo2.innerHTML=link_logo1.innerHTML
    function Marquee2(){
   if(link_logo2.offsetTop-link_logo.scrollTop<=0)
      link_logo.scrollTop-=link_logo1.offsetHeight
     else{
      link_logo.scrollTop++
      }
         }
         var MyMar2=setInterval(Marquee2,speed)
         link_logo.onmouseover=function() {clearInterval(MyMar2)}
         link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script> ===============
以上代码是向上滚动，测试正常。
现在我想增加两个按钮来控制其向上滚动和向下滚动，如何改代码？

Answer 1

 <div id=demo style=overflow:hidden;height:860;width:860;background:#f4f4f4;color:#ffffff><div id=demo1>
<p>这里是要滚动的内容</p>
  </div>
  <div id=demo2></div>
  </div>
    <script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML
    demo.scrollTop=demo.scrollHeight
    function Marquee(){
    if(demo1.offsetTop-demo.scrollTop>=0)
    demo.scrollTop+=demo2.offsetHeight
    else{
    demo.scrollTop--
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>================
以上代码是向下滚动

Answer 2

<div id=link_logo style="OVERFLOW: hidden; WIDTH: 285px; HEIGHT: 160px">
  <div id=link_logo1 style="OVERFLOW: hidden">
    <p>这里是要滚动的内容</p>
  </div>
  <div id=link_logo2></div>
</div>
<input type="button" value="Up" onclick="Up()" />&nbsp;&nbsp;&nbsp;<input type="button" value="Down" onclick="Down()" />&nbsp;&nbsp;&nbsp;<input type="button" value="Stop"
onclick="Stop()" />
<script>
 var speed=65;
 var MyMar2;
  link_logo2.innerHTML=link_logo1.innerHTML
    function Marquee2(){
   if(link_logo2.offsetTop-link_logo.scrollTop<=0)
      link_logo.scrollTop-=link_logo1.offsetHeight
     else{
      link_logo.scrollTop++
      }
         }
function Marquee(){
    if(link_logo1.offsetTop-link_logo.scrollTop>=0)
    link_logo.scrollTop+=link_logo2.offsetHeight
    else{
    link_logo.scrollTop--
    }
    }
function Up()
{
if(MyMar2)
clearInterval(MyMar2);
MyMar2=setInterval(Marquee2,speed);
}
function Down()
{
if(MyMar2)
clearInterval(MyMar2);
MyMar2=setInterval(Marquee,speed);
}
function Stop()
{
if(MyMar2)
clearInterval(MyMar2);
}
</script> 
简单修改了下