JavaScript控制层的移动


JavaScript控制层的移动，点击文字或接着文字不动，受控对象就会按预先设定好的路线不停移动，用这个思路，我们可以编写出很多小游戏，比如俄罗斯广场之类的。

答案：<html>
<head>
<title>JavaScript控制层的移动</title>
<script language="JavaScript">
<!--
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

function init() {
if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
block.xpos = parseInt(block.left)
block.active = false
}

function slide() {
if (block.active) {
block.xpos += 5
block.left = block.xpos
setTimeout("slide()",30)
}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" onLoad="init()">
<p>提示：点击文字或按着不动红色方块会向右移动。</p>
<p><a href="javascript:void(null)" onMouseDown="block.active=true; slide(); return false;" onMouseUp="block.active=false" onMouseOut="block.active=false">移动</a> 
</p>
<div id="blockDiv" style="position:absolute; left:48px; top:88px; width:30px; height:30px; clip:rect(0px 30px 30px 0px); layer-background-color:red; background-color:red;"> 
</div>
</body>
</html>

上一个：可使用Cookie保存的漂亮拖动层窗口
下一个：VML圆角圆边框的实现

更多图片编程知识: