window.scrollBy()方法使用示例
window.scrollBy()方法使用示例 (一).示例图片效果
(二).代码
<html>
<head>
<title>window.scrollBy()函数</title>
<script laguage='javascript'>
function MoveWindow(sign,value1)
{
var y;
var x;
if (sign == 'ver'){
x=0;
y=value1;
}
else{
y=0;
x=value1;
}
window.scrollBy(x,y);
}
</script>
</head>
<body bgcolor='#6699ff' text='#000000'>
<form>
<table border=0 align=center>
<tr>
<td colspan=4 align=center bgcolor=lightgreen><font color=blue size=3>控制窗体移动</font></td></tr>
<tr>
<td><input type=button value='down' onclick=MoveWindow('ver',10) style='background-color:blue;color:lightblue'></td>
<td><input type=button value='up' onclick=MoveWindow('ver',-10) style='background-color:blue;color:lightblue'></td>
<td><input type=button value='left' onclick=MoveWindow('hor',10) style='background-color:blue;color:lightblue'></td>
<td><input type=button value='right' onclick=MoveWindow('hor',-10) style='background-color:blue;color:lightblue'></td>
</tr>
</table>
</form>
</body>
</html>