关于嵌入式页面的滚动问题，求教

<!-- saved from url=(0022)http://internet.e-mail --><html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>JS资源</title><style type="text/css">
<!--
.opacity {
FILTER: alpha(opacity=100)
}
td,p,font{font-size:13px;}
input{border: 1px #000000 solid; cursor: 默认;}
.campo {  letter-spacing: 3px}
.input1 {  border: 1px #000000 ridge; cursor: hand; height:17px}
A{COLOR: #006790; FONT-FAMILY: 宋体; TEXT-DECORATION: none}
A:active {COLOR: #006790; FONT-FAMILY: 宋体; TEXT-DECORATION: underline overline}
A:hover {COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: underline overline}
BODY{FONT-FAMILY: 宋体; FONT-SIZE: 9pt;
SCROLLBAR-HIGHLIGHT-COLOR: buttonface;
SCROLLBAR-SHADOW-COLOR: buttonface;
SCROLLBAR-3DLIGHT-COLOR: buttonhighlight;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: buttonshadow}
-->
</style>
<SCRIPT>
function movX(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrollx=scrollx+a
new_date.window.scroll(scrollx,scrolly)
}
function movstarX(a,time){
movY=setInterval("movX("+a+")",10)
}
function movstar(a,time){
movx=setInterval("mov("+a+")",10)
}
function movover(){
clearInterval(movx)
}
function movoverY(o){
clearInterval(o)
}
function mov(a){
scrollx=new_date.document.body.scrollLeft
scrolly=new_date.document.body.scrollTop
scrolly=scrolly+a
new_date.window.scroll(scrollx,scrolly)
}
function o_down(theobject){
object=theobject
while(object.filters.alpha.opacity>60){
object.filters.alpha.opacity+=-10}
}
function o_up(theobject){
object=theobject
while(object.filters.alpha.opacity<100){
object.filters.alpha.opacity+=10}
}
</SCRIPT>
</head>
<body bgcolor="#FFFFFF" >
<form method=Get action='maintype.asp'>
  <div align="center"> 
    <table border="0" cellspacing="0" cellpadding="0" height="218" align="center">
      <tr> 
        <center>
          <td height="173" rowspan="3" valign="middle">&nbsp; </td>
        </center>
        <td height="161" width="300" rowspan="2" valign="middle" style="border: 1 solid #737373" colspan="3"> 
          <iframe 
      border=0 frameborder=0 framespacing=0 height=100% marginheight=0 
      marginwidth=0 name=new_date noResize scrolling=no 
      src="biaodan1.htm" width=100% vspale="0"> </iframe> </td>
        <center>
          <td height="1" width="10"><a href="javascript:void(0)" class=opacity  onMouseDown=movover();movstar(-3,2) 
      onMouseOut=movover();o_up(this) onMouseOver=movstar(-1,20);o_down(this) 
      onMouseUp=movover();movstar(-1,20)>up</a></td>
        </center>
      </tr>
      <tr> 
        <td height="163" width="10">&nbsp;</td>
      </tr>
      <tr> 
        <td height="12" width="10" valign="middle" style="border:0 solid #737373" onmouseover="movstarX(1,10)" onmouseout="movoverY(movY)">p
     </td>
        <td height="12" width="280" valign="middle" style="border:0 solid #737373">&nbsp;</td>
        <td height="12" width="10" valign="middle" style="border:0 solid #737373" onmouseover="movstarX(-1,10)" onmouseout="movoverY(movY)">p
</td>
        <td height="12" width="10"><a href="###" class=opacity  
      onMouseDown=movover();movstar(3,2) onMouseOut=movover();o_up(this) 
      onMouseOver=movstar(1,20);o_down(this) onMouseUp=movover();movstar(1,20)>down</a></td>
      </tr>
    </table>
  </div>    
  </form>        
  </body>         
         
</html>