js基础: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>


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3