jQuery live mouseenter延迟

时间:2011-09-09 20:31:52

标签: javascript jquery animation delay

我希望在mouseenter事件上调用匿名函数之前延迟2秒。这是完美的代码,但我想延迟初始动画或悬停2秒,似乎无法搞清楚。

$('div#response div.results').live({

    mouseenter: function() {
        $(this).find('.zoomer').stop('true').css({
            'z-index': '999'
        }).animate({
            "overflow": 'visible',
            backgroundColor: '#fff',
            'width': '274px'
        }, {
            duration: 100,
            easing: 'easeOutExpo',
            queue: false
        });
        $(this).find('img').stop('true').animate({
            "height": "180px",
            "width": "270px"
        }, {
            duration: 1,
            easing: 'linear',
            queue: false
        });
    },

    mouseleave: function() {
        $(this).find('.zoomer').stop('true').animate({
            "overflow": 'visible',
            backgroundColor: '#f7f7f7',
            'width': '164px'
        }, {
            duration: 10,
            easing: 'linear',
            queue: false
        });
        $(this).find('img').stop('true').animate({
            "height": "108px",
            "width": "162px"
        }, {
            duration: 1,
            easing: 'easeOutCirc',
            queue: false
        })
    }
});

2 个答案:

答案 0 :(得分:1)

mouseenter:
       function()
       {
            setTimeout(function(){  
                 //your code
             }, 2000);
        }

答案 1 :(得分:0)

$(this).find('.zoomer')...delay(2000).animate(...

使用延迟功能?