当前位置:开发者网络 >> 网页特效 >> 按钮特效 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
页面上显示四个上下左右按钮,可以控制整个页面的移动,很新颖
日期: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>