<map name="Map">
<area shape="RECT" coords="55,1,95,17" href="javascript:history.go(-1);" target="right">
<area shape="RECT" coords="104,0,148,21" href="javascript:history.go(1);" target="right">
<area shape="RECT" coords="163,-2,202,18" href="javascrip:window.document.location.reload();">
<area shape="RECT" coords="0,0,41,24" href="javascrip:window.document.location.reload();">
</map>
<area shape="RECT" coords="55,1,95,17" href="javascript:history.go(-1);" target="right">
<area shape="RECT" coords="104,0,148,21" href="javascript:history.go(1);" target="right">
<area shape="RECT" coords="163,-2,202,18" href="javascrip:window.document.location.reload();">
<area shape="RECT" coords="0,0,41,24" href="javascrip:window.document.location.reload();">
</map>
<head>
<title>window.scrollBy()函数</title>
<script laguage="javascript">
<!--
function movewin(dir,dist)
{
var winvert;
var winhorz;
if (dir == "vert"){
winhorz=0;
winvert=dist;
}
else{
winvert=0;
winhorz=dist;
}
window.moveBy(winhorz,winvert);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form>
<table border=0 align=center width="285">
<tr>
<td colspan=4 align=center bgcolor=red><font color=blue size=3>请点击下列按钮,看看窗口的移动</font></td>
</tr>
<tr>
<td>
<input type=button value="纵向向下" onclick=movewin("vert",10) style="background-color:blue;color:red">
</td>
<td>
<input type=button value="纵向向上" onclick=movewin("vert",-10) style="background-color:blue;color:red">
</td>
<td>
<input type=button value="水平向右" onclick=movewin("horz",10) style="background-color:blue;color:red">
</td>
<td>
<input type=button value="水平向左" onclick=movewin("horz",-10) style="background-color:blue;color:red">
</td>
</tr>
</table>
</form>
</body>
</html>