Пользовательский интерфейс вкладок JQuery - Поворот меню - OnMouseOver и OnMouseOut

Question

В настоящее время я работаю с меню вкладок, которое автоматически переключается. После наведения мыши на одну из вкладок «вращение» должно прекратиться на выбранной вкладке, а при наведении мыши оно должно продолжить вращение с выбранного элемента вкладки.

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

В данный момент onmouseover выбирает правильную вкладку, но продолжает вращаться.

Я застрял на этом для 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);
});