試圖延遲JQuery懸停功能

Question

我有一個導航欄與不同的列表元素，我試圖調用每個用戶懸停在元素上的每個不同的背景圖像。我已經完成了它的工作，但是當我嘗試更改代碼以使圖像淡入淡出時，我遇到了障礙。

這裏是JavaScript的我使用：

$(document).ready(function() { 
    $("li").hover(
     function() { 
      var navid = $(this).attr('id'); 
      $(this).addClass(navid); 
     }, 
     function() { 
      var navid = $(this).attr('id'); 
      $(this).removeClass(navid); } 
    ); 
}); 

我試過setTimeout和轉換沒有任何的運氣。任何幫助將非常感激。

Answer 1

假設您想要將圖像淡入到懸停狀態時透明並在mouseleave上回到不透明狀態。你會用：

$(document).ready(function() { 
    $("li").hover(
     function() { 
      var navid = $(this).attr('id'); 
      $(this).addClass(navid); 
      $(this).fadeTo('fast', 0); 
     }, 
     function() { 
      var navid = $(this).attr('id'); 
      $(this).removeClass(navid); 
      $(this).fadeTo('fast', 1); 
     } 
    ); 
});