jQuery選項卡UI-菜單旋轉-OnMouseOver和OnMouseOut

Question

我目前正在使用自動循環顯示的標簽菜單。 當我將鼠標懸停在一個選項卡上時，“旋轉”應該在所選的選項卡上停止，當我將其滑出時，它應該從所選的選項卡項繼續旋轉。

$("#featured > ul").tabs({ 
                     event: 'mouseover', 
                     fx: { opacity: "toggle"} })
                   .tabs("rotate", 10000, true);

目前，鼠標懸停會選擇正確的標簽，但它會不斷旋轉。

我在AGES上一直受此困擾，因此我們將不勝感激。

謝謝你的時間..

Answer 1

您可以通過將第一個參數設置為0或null來停止旋轉：

.tabs("rotate", 0);

因此，我想您可以在mouseover上執行此操作，並在mouseout上將其重置為默認值：

$("#featured > ul").mouseover(function() {
    $(this).tabs("rotate", 0);
}).mouseout(function() {
    $(this).tabs("rotate", 10000, true);
});