当前位置：文江博客话题详情

当鼠标一段时间没有移动时，用jQuery隐藏div元素？

发布于 2024-10-05 00:13:47 字数 110 浏览 4 评论 0原文

我有一个广播视频网站，带有一个菜单，当鼠标一段时间（假设 10 秒）不移动时，应该隐藏该菜单。同样，随着鼠标移动，它应该会重新出现。使用 css 和 jQuery 执行此操作的最佳方法是什么？先感谢您。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

苍景流年 2024-10-12 00:13:47

看一下 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/

Take a look at the mousemove event. You can try something like this:

var i = null;
$("#element").mousemove(function() {
    clearTimeout(i);
    $("#menu").show();
    i = setTimeout(function () {
        $("#menu").hide();
    }, 10000);
}).mouseleave(function() {
    clearTimeout(i);
    $("#menu").hide();  
});

Demo: http://jsfiddle.net/AMn9v/6/

回复收藏 0 原文

~没有更多了~