jQuery循環褪色懸停圖像

Question

將單個圖像的最佳方式是當您將鼠標懸停在它上面時，它會在返回之前循環淡入/出一系列其他圖像（如3或4）回到原來的？此外，如果您將鼠標移離圖像，它將停止淡入淡出/更改圖像並返回到原始圖像。

任何幫助表示讚賞。

謝謝！

Answer 1

我會看到有關您希望切換綁定到window.setTimeout函數的對象的鼠標懸停事件（或懸停如果您使用外部庫）。確保存儲超時ID，以便在用戶的鼠標退出窗口時取消它。 window.setTimeout然後將滾動瀏覽圖片。

也許是這樣的：

$(function(){ 

    $("#test").hover(function(e) { 
     $.data("timeout", window.setTimeout(function() { 
      //Transition here 
     })); 
    }), function(e) { 
     window.clearTimeout($.data("timeout")); 
     //Put image back to normal 
    }); 

}); 

希望這有助於

JMAX