当前页面: 开发资料首页 → Javascript 专题 → window.scrollBy()方法使用示例
window.scrollBy()方法使用示例
摘要: window.scrollBy()方法使用示例
(一).示例图片效果
(二).代码
<head>
<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>控制窗体移动</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>
</td> </tr> </table>
↑返回目录
前一篇: 图片自动缩小的js代码,用以防止图片撑破页面
后一篇: window.scrollTo()方法使用示例