当前位置: 代码迷 >> JavaScript >> 如何让这个鼠标移动上去的时候延迟2秒才促发animate呢
  详细解决方案

如何让这个鼠标移动上去的时候延迟2秒才促发animate呢

热度:108   发布时间:2013-03-27 11:22:42.0
怎么让这个鼠标移动上去的时候延迟2秒才促发animate呢
$(function(){
$('.mall-list li').mouseenter(function(){
$('a.normal',this).addClass('active');
$('.ops',this).animate({'bottom':10},100);
}).mouseleave(function(){
$('a.normal',this).removeClass('active');
$('.ops',this).animate({'bottom':-25},1);
})
});

------解决方案--------------------

$(function(){
    $('.mall-list li').mouseenter(function(){
        $('a.normal',this).addClass('active');
        setTimeout(function(){
            $('.ops',this).animate({'bottom':10},100);
        },2000);
    }).mouseleave(function(){
        $('a.normal',this).removeClass('active');
        setTimeout(function(){
            $('.ops',this).animate({'bottom':-25},1);
        },2000);
    })
}); 

------解决方案--------------------
用.delay()啊
$('.ops',this).animate({'bottom':10},100);