怎样用jquery实现 鼠标停止不动一定时间后 触发事件。

就像 全屏看电影时鼠标不动 状态栏会隐藏,鼠标动一下又出现。 一般的jquery 鼠标事件好像没有能判断鼠标停止不动的。

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<script type="text/javascript" src="jQ库,自己填上"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
var id = 0;
$(document).mousemove(function(){
clearInterval(id);
$("#clickHide").show();
id = setInterval("$('#clickHide').click()",5000);
});
$("#clickHide").click(function(){
$(this).hide();
});
});
</script>
<span id="counter"></span>
<div id="clickHide" style="width:300px;height:100px;display:none;border:1px solid #ABC">鼠标不动5秒后隐藏</div>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-08-07
1.计时器,网页打开后自动计时,十秒后启动一个方法,比如隐藏某个DIV,同时停止计时.
2.onMouseMove事件,被触发时将计时器归零,同时判断某个DIV如果被隐藏则更改状态为显示,重新打开计时.