2

ページに順序付けられていないリストがあります。そのページが Ajax によって更新されると、新しいリスト項目が戻ってきて、順序付けられていないリストに動的に追加される場合があります。新しいリスト項目が追加されたら、それらの新しいリスト項目を強調表示したいのですが、指定された時間後に強調表示をフェードアウトします。

アニメートとjqueryのハイライト効果を試しましたが、望ましい結果を得るための適切な組み合わせが見つかりませんでした。私が今していることは、リスト項目を動的に追加した後に関数を呼び出して、ハイライト クラスを追加しようとしてから、そのクラスを削除することですが、それもうまくいきません。

リスト項目が生成され、PHP を介して順序なしリストに追加されます。

新しいリスト項目が順序付けられていないリストに動的に追加された後、それらを動的に強調表示するにはどうすればよいですか?

私が探している望ましい結果は、Scoopler の Twitter フィードの動作、リンク テキストに似ています。

4

3 に答える 3

7 
var colorStr = '#DDDDFF'; // color of highlight
$("li.new").each(function (i,x) {
    $(this).css("background-color",colorStr);
    setTimeout(function(){
        $(x).css("background-color","#ffffff"); // reset background
        $(x).effect("highlight", {color: colorStr}, 3000); // animate
    },3000);
});

テストしましたが、これはあなたが望んでいることだと思います (つまり、ディスプレイを 3 秒間保持し、その後 3 秒間フェードアウトします)。

于 2009-11-18T18:35:41.000 に答える
0

jQueryライブクエリプラグイン+ハイライト効果はどうですか（すべてのliがid ulcontainerのulにあると仮定します）。この線に沿った何かが機能するはずです。

var doIt = function() {};
$(document).ready(function() {
    // doIt empty so no highlight on first page load
    $('#ulcontainer > li').livequery(doIt);
    // now set doIt to something useful
    doIt = function() { $(this).effect("highlight", {}, 3000); };
});
// do ajax and add li's to ul#ulcontainer
于 2009-11-18T18:32:18.690 に答える
-1

2段階のシーケンシャルアニメーションとしてやってみませんか。

1）ハイライトをアニメーション化する2）フェードアウトをアニメーション化する

これは、並行してではなく、順番に実行してください。

于 2009-11-18T18:21:09.057 に答える