Question

我的css3动画菜单工作得很好。但现在我想给他添加一些selected课程。

但我不知道如何使用css3动画实现。

我试过这个：

$('#menu a').click(function(e) {
            e.preventDefault();
            $(this).addClass("selected");
            var h = $(this).attr('href');
            $("#conteudo").fadeOut("slow", function() {
                $(this).html($(h).html()).fadeIn("slow");
            });
        });

但是没有用。我做了这个小提琴：http://jsfiddle.net/8L797/

Answer 1

我修复了selected类，并且我还使click事件从现有链接中删除了该类。

小提琴：http://jsfiddle.net/iambriansreed/TNzuH/

CSS：

#menu a.selected span,
#menu a.selected:hover span {
    top: -100%;
}
#menu a.selected em,
#menu a.selected:hover em {
    top: 0;
}

Answer 2

你的代码中有一些错误，比如没有关闭你的jQuery函数。此外，看起来您的样式适用于LI标记，而不是A标记，因此您需要将类添加到LI。查看我的updated jsFiddle，看看您是否可以使用它。

带有动画css3菜单的.addClass

2 个答案: