Question

让我说（我简化）我有4个div与内容... 如果鼠标保持不动，我想褪色/隐藏它们2秒钟当鼠标再次出现时...让quikly让一切再次出现......

在jquery中制作有多简单？

我不习惯时间和鼠标..更多css曾经！

我谷歌搜索“概念”并找到：Hide div element with jQuery, when mouse isn't moving for a period of time?

我会调查是否有效！

Answer 1

您需要创建一个run-a-way计时器，它会在每次鼠标移动时重新启动。

$(document).bind('mousemove', function() {
    var $somediv = $('#somediv');

    return function() {
        if(!$somediv.is(':visible'))
            $somediv.fadeIn('slow');

        this.tID && clearInterval(this.tID);
        this.tID = setTimeout(function() {
            $somediv.fadeOut('slow');
        }, 2000);
    };
}());

演示：http://www.jsfiddle.net/ByrKk/

Answer 2

最终解决方案......一个简单的解决方案：http://paulirish.com/2009/jquery-idletimer-plugin/ jquery.idle-timer.js

jquery超时解决方案？

2 个答案: