javascript - JQuery 选项卡 UI - 菜单旋转 - OnMouseOver 和 OnMouseOut

Question

我目前正在使用一个自动循环的选项卡菜单。一旦我将鼠标悬停在其中一个选项卡上，“旋转”应该在选定的选项卡上停止，当我将鼠标移出时，它应该继续从选定的选项卡项旋转。

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

目前 onmouseover 选择了正确的选项卡，但它一直在旋转。

对于AGES，我一直坚持这一点，因此我们将不胜感激。

谢谢你的时间..

Answer 1

0您可以通过将第一个参数设置为or来停止旋转null：

.tabs("rotate", 0);

所以我想你可以简单地做到这一点mouseover，然后重置为你的默认值mouseout：

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