0

<php ?>サーバー側で生成されたcode（ ）divをフェードインおよびフェードアウトさせるのに問題があります。

データベースにクエリを実行し、divに配置した6行を返します。通常、mysqlクエリのwhile句のため、divは6回複製されます。ここでの問題は、6つのdivを異なるタイミングでフェードインおよびフェードアウトさせたいということです。動的に生成された6つのdivが異なる時間にランダムにフェードインする限り、どちらが最初にフェードインするかは問題ではありません。

私はこれが私が新参者であるjqueryまたはjavascriptになることを知っています。

4

2 に答える 2

0

何かのようなもの：

function fadeRandom($divI) { // make a function we can re-use
    window.setTimeout(function() { // do this next stuff after a short break
        $divI.fadeIn(100, function(){ // fade $divI in, then ...
            $divI.fadeOut(100, function() { // fade $divI out, then ...
                fadeRandom($divI); // start the whole cycle over
            }
        }, Math.random(100) * 100); // do that after 1-100ms
    });
}
for (var i = 0; i++; i < 6) { // go through all 6 divs and ...
    fadeRandom($('#div_' + i)); // get the fade cycle started
}

動作するはずです。これはテストされていないコードであり、数値を微調整することをお勧めしますが、基本的な考え方が得られることを願っています。

于 2012-07-21T18:42:04.580 に答える
0

あなたが望んでいるように聞こえるものを達成するために、おそらくいくつかの異なるJavascriptを使用する必要があるでしょう...

6つの要素がある場合は、.random()関数を使用して次の要素をスワップすることができます...この例はここにあります。

jQueryには、要素をフェードイン/フェードアウトするための組み込みメソッドがいくつかあります。

ここに.fadeIn()

ここに.fadeOut()

.doTimeout()ここに示されているタイマーを使用できます。 これはjQueryプラグインです。Javascriptにはタイマーが組み込まれていますsetInterval()が、を使用.doTimeout()すると、私が好む傾向があるのと同じjavascriptのルック/フィールを維持できます。

于 2012-07-21T18:42:50.310 に答える