JS 如何判断鼠标处于停止移动状态

JavaScript0134

JS 如何判断鼠标处于停止移动状态,第1张

onmousemove 如果div 隐藏 那就显示,并保存当前鼠标位置,写个判断

用setTimeout,如果三秒后的鼠标位置和三秒前的是否一致 那就隐藏DIV ,否则继续setTimeout

代码如下,运行一下就可以了:

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>example</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

var speed = 600

$("#d1").hover(function(){

$("#d2").show(speed)

},function(){

$("#d2").hide(speed)

})

})

</script>

<style type="text/css">

<!--

#d1{ background:#eeeheight:100pxwidth:300px}

#d2{ background:#dddheight:50pxwidth:100px}

-->

</style>

</head>

<body>

<div id="d1">

<div id="d2">d2</div>

</div>

</body>

</html>