导航栏与背景元素动画

Question

我正在开发一个菜单css / javscript导航栏，看起来像这样。

http://www.yizztech.com/navbar/ （此位置的示例和代码）

现在我想在悬停鼠标事件的元素词下面有一个背景图像动画（jQuery）。

你能告诉我怎么做吗？

我只是尝试使用元素和其他方式下的绝对元素，但总是我有子列表布局的问题。

Answer 1

我会尝试回答您关于我在给定网站上发现的问题。

更改此代码：

$('nav.yizzbar li.tablet').click(function(){
    if(!mouse){
        $(this).find('ul').toggle();
    }
});

分为：

$('nav.yizzbar li.tablet').click(function(){
    if(!mouse){
        $(this).find('ul').slideToggle();
    }
});

现在你会看到你有一个动画。你实际上可以选择持续时间和其他东西。这里解释：http://api.jquery.com/slideToggle/

对于更自定义的实现，请指定您想要的动画类型，我可以为您提供进一步的帮助。