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);
    });

});

出现的Div，在一段时间后消失并在悬停时出现......

1 个答案: