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

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 页面上显示四个上下左右按钮,可以控制整个页面的移动,很新颖 (http://www.webasp.net/javascript/1/677.htm)
-- 发布日期: 2005-06-29
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 1 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></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>


webasp.net