淡入淡出url

Question

我想淡入/淡出網址，當我將光標移動到Div時。我在小提琴http://jsfiddle.net/7Ppbm/60/中做了一個簡單的例子。

$('.lnkDiv:visible').fadeOut(); 
var timer; 

$('.contDiv:visible').on({ 
     mouseover: function() { 
      clearTimeout(timer); 
      $('.lnkDiv:visible').fadeIn(); 
     }, 
     mouseout : function() { 
      timer = setTimeout(function() { 
       $('.lnkDiv:visible').fadeOut(); 
      }, 100); 
     } 
    }); 

我做錯了什麼？

Answer 1

這是你正在嘗試做什麼？ http://jsfiddle.net/daKGN/1/

$('.lnkDiv:visible').fadeOut(); 
var timer; 

$('.contDiv:visible').on({ 
     mouseover: function() { 
     clearTimeout(timer); 
     $('.lnkDiv').fadeIn(); 
    }, 
    mouseout : function() { 
     timer = setTimeout(function() { 
      $('.lnkDiv').fadeOut(); 
     }, 100); 
    } 
}); 

<img>標籤應寫爲<img />，而不是<img></img>。當隱藏<a>時，.contDiv也沒有高度，即使隱藏了<a>，您的jQuery選擇器也都包含:visible。