怎样用jquery实现 鼠标停止不动一定时间后 触发事件。
就像全屏看电影时鼠标不动状态栏会隐藏，鼠标动一下又出现。一般的jquery鼠标事件好像没有能判断鼠标停止不动的。...
就像 全屏看电影时鼠标不动 状态栏会隐藏，鼠标动一下又出现。 一般的jquery 鼠标事件好像没有能判断鼠标停止不动的。
展开
2个回答
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
