jquery - 带有背景元素动画的导航栏

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/

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