我正在尝试将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的帮助!
由于
答案 0 :(得分:1)
如何触发第一项的鼠标悬停事件:
$('.tabs').mouseout(function(){
$(this).find('.tab_item:first').mouseover();
});