鼠标控制移动效果-JS特效-爱易网页

鼠标控制移动效果

日期：2014-05-18　浏览次数：20278 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>



<html>
<head>
<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:50px; top:100px; width:30px; height:30px; clip:rect(0px 30px 30px 0px); layer-background-color:red; background-color:red;"> 
</div>
</body>
</html>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]