0

こんにちは、このスクリプトを作成する必要があるときに Jquery に問題があります。

Web サイトに 2 つの div があり、それらのコンテンツを周期的に変更する必要があります。3つの異なるコンテンツがあります。

予定されている機能:

1. 左 div に最初のコンテンツを表示
2. 最後の表示コンテンツを非表示にして右 div に 2 番目のコンテンツを
表示 3. 最後の表示コンテンツを非表示にして左 div に 3 番目のコンテンツを
表示 4. 最後の表示コンテンツを非表示にして右 div に最初のコンテンツを表示
5. 最後の表示コンテンツを非表示にして、左側の div に 2 番目のコンテンツを表示します
。 6. 最後の表示コンテンツを非表示にして、右側の div に 3 番目のコンテンツを表示
します。一度に表示できるコンテンツは 1 つだけです。

フェディン/フェードアウト効果が必要なので、JS だけでなく JQuery も必要です。私のさまざまな試みは失敗に終わっており、表示する価値はありません。

誰かが私を助けることができますか？

4

1 に答える 1

2

fadeOutfadeInどちらも、アニメーションが完了すると起動するコールバック関数を受け入れます。それらを使用して、アニメーションを周期的に起動できます。

function cycle() {
    // determine current and next element
    current.fadeOut(function() {
        next.fadeIn(cycle);
    });
}

デモ

index現在の状態は順序配列に固有のものである可能性もあり、これは上記の変数を使用したソリューションよりも優れている可能性があります。

デモ

于 2013-04-29T07:04:56.097 に答える