首页 > 网站 > WEB开发 > 正文

页面上显示四个上下左右按钮,可以控制整个页面的移动

2024-04-27 13:57:34
字体:
来源:转载
供稿:网友

<!-- 把如下代码加入<body>区域中 -->
<SCRipT LANGUAGE="javaScript">
<!-- Begin
function moveWindowLeft() {
window.moveBy(-15, 0);
window.moveBy(0, 0);
}
function moveWindowRight() {
window.moveBy(15, 0);
window.moveBy(0, 0);
}
function moveWindowUp() {
window.moveBy(0, 0);
window.moveBy(0, -15);
}
function moveWindowDown() {
window.moveBy(0, 0);
window.moveBy(0, 15);
}
//  End -->
</script>
<center>
<form>
<table>
<tr>
<td>
</td>
<td>
<input type=button value="向上" onClick="moveWindowUp();">
</td>
<td>
</td>
</tr>
<tr>
<td>
<input type=button value="向左" onClick="moveWindowLeft();">
</td>
<td>
</td>
<td>
<input type=button value="向右" onClick="moveWindowRight();">
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type=button value="向下" onClick="moveWindowDown();">
</td>
<td>
</td>
</tr>
</table>
</form>
</center>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表