2011-01-11 18 views
1
徘徊了一段時間

我用這個動畫jQuery代碼:檢測,如果用戶在jQuery的

   $('.tabs').hover(
        function(){ 
         $('#tabs-wrap').animate({marginTop: '+=147'}, 500); 
         $('.tabs li a').delay(250).animate({height: '150'}, 500); 
        }, 
        function(){ 
         $('.tabs li a').animate({height: '40'}, 500); 
         $('#tabs-wrap').delay(250).animate({marginTop: '-=147'}, 500); 
        } 
       ); 

但是,它可以只啓動如果用戶有鼠標盤旋了一定量的時間動畫(要停止效果,如果他們只是輕掃鼠標而不是故意激活它)

謝謝!

回答

4

查看hoverIntent插件,基本上它使用setTimeout在x毫秒後調用函數,如果用戶鼠標懸停,超時將被取消。