jQuery的肩，暫停時對股利和小縮略圖導航

下面懸停是jsfiddle.net代碼我想和新功能更新：jQuery的肩，暫停時對股利和小縮略圖導航

http://jsfiddle.net/weigruf/mKj8p/

我想補充的是，該序列暫停當您將鼠標懸停在.rotator .rotator-child div和一個小縮略圖導航上時，它將顯示同一圖像的小版本，並且您可以瀏覽它們。

此外，縮略圖導航也應該具有暫停效果。

在此先感謝。（：

編輯1：

我結合了代碼和我更新了.mouseenter代碼，現在序列暫停，但是我希望恢復對.mouseleave序列如果光標再次暫停在DIV

請看看：

http://jsfiddle.net/weigruf/mKj8p/

來源

2012-02-04 weigruf

告訴我們你嘗試過什麼，所以我們可以從那裏幫你......我們不是代碼編寫者 – ajax333221 2012-02-04 21:44:36

這裏的暫停按鈕（我是分配給點擊.rotaor-子元素）我將留下創建一個實際的暫停按鈕給你。我將setTimeout循環更改爲setInterval，然後通過clearInterval將其暫停。要重新啓動它，只需調用looper（）函數即可：http://jsfiddle.net/mKj8p/4/ – 2012-02-04 21:52:44

@Frank Astin感謝Frank，但我想暫停序列，當您將.rotator-child div和當你的光標超出div時，不要暫停它。試圖用.hover替換.click，但它不起作用。 – weigruf 2012-02-05 12:52:55

我以任何方式沒有的jQuery/JS專家，這不是工作的例子，但是這可能幫助一點，你在正確的方向

而不是setTimeout，我用setInterval。在鼠標懸停時，清除間隔，使其不會再次觸發。在mouseleave上，等待6秒鐘，然後運行函數doRotate（），該函數將重新啓動計時器，並加載新廣告。

function doRotate() { 
    next(); 
    theInterval = setInterval(doRotate, 6000); 
} 

$('#myAdElement').mouseenter(function() { 
    clearInterval(theInterval) 
}) 

$('#myAdElement').mouseleave(function() { 
    setTimeout(function() { 
     doRotate(); 
    }, 6000); 
})

來源

2012-02-04 22:15:29 ShadowStorm

我會盡量玩.mouseenter和.mouseleave功能。感謝代碼ShadowStorm。 – weigruf 2012-02-05 12:55:45

jQuery的肩，暫停時對股利和小縮略圖導航

回答

相關問題