jquery轉換對懸停的影響並單擊

Question

我有一組縮略圖在懸停時交換圖像，同時通過更改不透明度使用.animate（）進行淡入淡出轉換。現在大部分工作正常，但當我快速懸停在圖像上並轉到另一圖像時，該圖像保持第二張圖像顯示，而不是第一張圖像，這是我想要的。我想我需要一些時間，比如：「如果我的懸停時間少於一定的時間，那麼返回到原始圖像」。這可能會確保所有縮略圖將始終顯示第一個圖像，即使我快速翻轉它們。我應該添加哪些代碼來完成這個任務？

鏈接，您可以看到問題：http://cargocollective.com/jarrettcreative

這就是我想做的事：

http://www.joaoricardomachado.com/

Answer 1

您需要設置延時（設定並停止定時器），當你將鼠標懸停如果計時器從未觸發代碼，那麼停止/刪除javascript setTimeout（code，millisec，lang），計時器將開始準備開始動畫。你必須用毫秒來欺騙，以獲得良好的設置。使用clearTimeout清除它。

這可能會有所幫助。 stop settimeout in recursive function

Answer 2

.stop()：http://api.jquery.com/stop

$('#my-selector').stop().animate(...); 

.stop()讓我們停止當前的動畫時，另外一個排隊等候的元素。您可以在API文檔中閱讀關於.stop()的一些選項。