Question

是的，所以我试图把它带到我的导航区域：当鼠标悬停在它上面时，悬停背景淡入淡出。在谷歌搜索后，我遇到了这个jquery代码并决定使用它。以下是我的网站使用它的示例，虽然它没有被破坏：http://techhosts.net/example/index.html

        $(document).ready(function(){
            $("ul#nav li a").css({"opacity" : 0}).hover(function(){
                $(this).stop().animate({"opacity" : 1}, 600); //Change fade-in speed
            }, function(){
                $(this).stop().animate({"opacity" : 0}, 1200);//Change fade-out speed
            });
        });

它似乎有效，除了我的li标签与锚标签和文本一起消失的事实。我认为它与不透明度有关，但当我删除它时效果不再可见。该脚本最初用于图像。

我想如果我能找到一种方法只将它与a：hover规则联系起来，那么它会没问题，但我不知道这是否可行。我不太擅长jquery，除非在编辑它时，所以对此有任何帮助将不胜感激。如果答案恰到好处，我会提前感到抱歉，但我无法理解这一点。

Answer 1

当您将jquery更改为此时，效果可以正常：

$(document).ready(function(){
    $("ul#nav li a").hover(function(){
        $(this).stop().animate({"opacity" : 0}, 600); //Change fade-in speed
    }, function(){
        $(this).stop().animate({"opacity" : 1}, 1200);//Change fade-out speed
    });
});

Answer 2

当我不准时你想要链接的文本总是可见并且bg淡入/淡出？因此，尝试使用bg动画代替“a”标签。看看背景动画技术。 http://snook.ca/technical/jquery-bg/（演示示例C：淡化1色）教程http://snook.ca/archives/javascript/jquery-bg-image-animations/

jquery导航动画使li标签消失

2 个答案: