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);
});