링크에 마우스를 올리면

Question

특정 시간 동안 마우스가 링크 위로 이동 한 후에 만 ​​팝업 애니메이션을 적용하는 방법. 도와주세요. Jquery 사용

Answer 1

흠, 당신은 당신이 지금까지 가지고 무엇 http://jsfiddle.net/mazzzzz/TJvSC/

Answer 2

//Here is my trial 
//create a global var called canShow that will be set to true 
//as the mouse is over the cursor, and then reset when the mouse moves away. 
//then use timeout to display the popup after some interval 
//as long as the canShow hasn't been reset to false. 

var canShow = false; 
var desiredTimeOut = 2000; //in milliseconds 
var intervalId; 

//assume our link has id 'linkId' 
//we'll use jquery since you tag with it 
$('#linkId').hover(function(){ 
    canShow = true; 
    intervalId = setTimeout(function() { 
    if(canShow == true) $('#myPopupId').show(); 
    }, desiredTimeOut); 

}).mouseout(function() { canShow = false; clearInterval(intervalId);});