window.scrollBy()方法使用示例

王朝system·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

(一).示例图片效果

(二).代码

<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>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有  導航