Jquery动画标签 - 恢复鼠标输出

时间:2011-05-09 08:36:35

标签: javascript jquery

我正在尝试将Gaya Design的动画标签内容http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/用于导航菜单。我希望将背景转换回鼠标输出上的第一个选项卡,但似乎无法使其正常工作。下面是用于移动背景功能的Javascript:

var TabbedContent = {
    init: function() {  
        $(".tab_item").mouseover(function() {
            var background = $(this).parent().find(".moving_bg");
            $(background).stop().animate({
                left: $(this).position()['left']
            }, {
                duration: 300
            });
            TabbedContent.slideContent($(this));
        });
    },
}
$(document).ready(function() {
    TabbedContent.init();
});

这是我想要实现的目标的链接。 Link

非常感谢任何有关如何让背景在鼠标移动时恢复为标签1的帮助!

由于

1 个答案:

答案 0 :(得分:1)

如何触发第一项的鼠标悬停事件:

$('.tabs').mouseout(function(){
    $(this).find('.tab_item:first').mouseover();
});