JQuery Tabs UI - 菜单旋转 - 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);
});