1

私の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/

4

2 に答える 2

1

クラスを修正しselected、クリックイベントで既存のリンクからクラスを削除しました。

フィドル： 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;
}
于 2012-06-18T19:34:53.947 に答える
0

jQuery 関数を閉じていないなど、コードにいくつかのエラーがありました。また、スタイルは A タグではなく LI タグに適用されるように見えるため、クラスを LI に追加する必要があります。私の更新された jsFiddleをチェックして、それで作業できるかどうかを確認してください。

于 2012-06-18T19:23:27.147 に答える