window.scrollBy()方法使用示例
2006-01-07 21:25
1011 查看
(一).示例图片效果
(二).代码
<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>
(二).代码
<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>
相关文章推荐
- window.scrollBy()方法使用示例
- window.scrollTo()方法使用示例
- window.scrollTo()方法使用示例
- window.resizeBy()方法使用示例
- window.scrollTo()方法使用示例
- window.returnValue使用方法示例介绍
- window.resizeBy()方法使用示例
- window.resizeBy()方法使用示例
- window.returnValue使用方法示例介绍
- javascript的window.onload方法使用
- PHP使用自定义方法实现数组合并示例
- 邮件发送控件jmail使用方法之ASP.NET示例
- window中无法使用操作系统认证进行连接及ora-12560 错误解决方法
- JavaScript---window.open使用方法以及参数说明(完整版)
- 【转】PHP 使用header函数设置HTTP头的示例方法 表头
- smarty模板局部缓存方法使用示例
- AngularJS使用ng-class动态增减class样式的方法示例
- 【JSP】JSTL核心标签库的使用方法和示例
- javascript的window.onload方法使用
- 【JSP】JSTL核心标签库的使用方法和示例