-1

ページの読み込み時に純粋に css ベースのアニメーションを実行し、ページのアンロード/終了ページで別のアニメーションを実行するjquery 以外の方法はありますか?

4

2 に答える 2

0

ページの読み込み時にフェードインするコンテンツが、要素のid値を指定してドキュメント内の位置を指すリンクである場合、フェードアウトの「クリック時」を実現できます。その後、セレクターを使用してフェードをトリガーします。 -子孫要素から…</p> body<a id="foo" href="#body">…&lt;/a>#body:target #fooa

于 2013-05-04T23:35:28.363 に答える
0

読み込み時のアニメーションは css だけでできますが、クリック時のアニメーションには少し jQuery が必要になると思います。

このようなものをお探しですか?-jsFiddle _

$('#container').click(function () {
    $('#container').fadeOut();
    $('#quote1').fadeIn().addClass('bounceInLeft');
});

$('#quote1').click(function () {
    $('#quote1').fadeOut();
    $('#quote2').fadeIn().addClass('bounceInRight');
});

css だけでホバー トリガー アニメーションを実行することもできます。2 つ以上の要素を接続するには、ネストする必要があると思います。親にカーソルを合わせると、子がアニメートされます。

于 2013-05-04T21:36:33.427 に答える