css - 出现的div，一段时间后消失，悬停时出现...

Question

我正在尝试编写一个出现的 div 代码，它会在一段时间后消失并在悬停时出现..您可以在 www.aedas.com 上看到实时示例 - 左窗格滑入，然后消失，当您将鼠标悬停在该区域时它会重新出现。

非常感谢！

Answer 1

你可以尝试一些简单的事情：

我正在使用 setInterval 和 clearInterval 来设置隐藏栏的间隔。

重要的提示

setInterval 返回的 id 应该由 clearInterval 使用，否则循环不会中断！！

工作jsfiddle：http: //jsfiddle.net/frictionless/QmLAv/

$(function() {

   var showTime = 5000;
   var transition = 'slow';
   var target = $('.headerbar');
   var flag = false;

    target.slideDown(transition);
    var id = setInterval(function(){hide(target);}, showTime);

    var hide = function(item) {
        debugger;
        if(flag){
            return;
        }
        clearInterval(id);
        item.slideUp(transition);
    };

    target.hover(function() {
        flag = true;
        clearInterval(id);
        $(this).show();
    }, function() {
        flag = false;
        id = setInterval(function(){hide(target);}, showTime);
    });

});​