当鼠标在一段时间内不动时，用jQuery隐藏div元素？
当鼠标在一段时间内不动时，用jQuery隐藏div元素？
提问于 2010-11-30 00:24:37
我有一个广播视频网站，有一个菜单，当鼠标有一段时间(比方说10秒)不动时，菜单应该隐藏起来。同样，随着鼠标的移动，它应该会显示回来。使用css和jQuery，最好的方式是什么？提前谢谢你。
Stack Overflow用户
回答已采纳
发布于 2010-11-30 00:31:36
看一下mousemove事件。您可以尝试如下所示：
var i = null;
$("#element").mousemove(function() {
clearTimeout(i);
$("#menu").show();
i = setTimeout(function () {
$("#menu").hide();
}, 10000);
}).mouseleave(function() {
clearTimeout(i);
$("#menu").hide();
});演示：http://jsfiddle.net/AMn9v/6/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4305726
复制相关文章
相似问题
腾讯云开发者
