0

私は現在2番目のWebサイトを作成しており、初めてJqueryを使用しています。ホームページをロードするときに、ページの横にある4つの小さな正方形を順番にフェードインさせたいと思いました。

私はなんとかこれを行うことができました！見た目は素晴らしいですが、視聴者が別のページをクリックするたびに効果が発生することは望ましくありません。

誰かがこのアニメーションをコーディングして私のインデックスページにフェードインする方法を教えてくれたら、私は非常に感謝しています。

私の現在のコードは以下のとおりです。

どうもありがとう！

$(document).ready(function(){

  $('.wrapper').fadeIn(1000);

  $("#BlockOne").fadeIn('slow');

  $("#BlockTwo").fadeIn(2500);

  $("#BlockThree").fadeIn(2500);

  $("#BlockFour").fadeIn('slow');

});
4

3 に答える 3

0

ホームページのスクリプトブロックにのみコードを配置します。おそらく、他のすべてのページでは、常にブロックを表示できるようにするために、個別のcssが必要になります。

于 2012-11-29T21:51:59.710 に答える
0

ボタンのクリックイベントハンドラーでコードを定義し、.oneを使用してコードをバインドします。

次に、クリックイベントをトリガーします..動作しているようです..

$(document).ready(function() {
    // This will fire only once..
    $('button').one('click', function() {
        $('.wrapper').fadeIn(1000);
        $("#BlockOne").fadeIn('slow');
        $("#BlockTwo").fadeIn(2500);
        $("#BlockThree").fadeIn(2500);
        $("#BlockFour").fadeIn('slow');
    });

    $('button').click();
});​
于 2012-11-29T23:31:09.557 に答える
0

これを解決する方法はいくつかあります。

ホームページ以外のページにこのJavaScriptを出力することはできません。非表示の要素を他のページに表示する機能が必要な場合は、を使わずにすぐに表示する別のJavaScriptを実行できますfadeIn。

すべてのページに1つの共通関数を出力できますが、ドキュメントの場所の条件を使用して、フェードインするかすぐに表示するかを決定します。

Cookie、HTMLS localStorage、またはセッションストレージに値を保存して、フェードインで表示するかすぐに表示するかを決定するフラグとして機能させることができます。

ユーザーがホームページからサイトにアクセスしないとどうなるので、私は個人的に後者を好みますか？あなたの意図は、必ずしもホームページではなく、最初にアクセスしたページでフェードインを有効にすることだと思います。

于 2012-11-29T21:56:05.017 に答える