AJAX如何爲出現元素設置動畫

如何設置動畫元素一旦出現？（這樣別人用同樣的性能保持冷靜。）我想這樣做：AJAX如何爲出現元素設置動畫

 $.each(data, function(i, obj) { 
      if(obj['Ping'] == "FALSE"){ 
       out = "<li class='red'>"+obj.Vardas+" is down..."+obj.Data+"</li>"; 
       /////animation, once the element gets generated 
       $(out).prependTo('#database').animate({fontColor:"red", 1000}); 
       out =""; 
      }else{ 
       out = "<li>"+obj.Vardas+" is up......."+obj.Data+"</li>"; 
       $(out).prependTo('#database'); 
       out ="";  
      } 
     }); 

    }); 
}); 
</script> 
</head> 

<body> 
    <div style="float:right; overflow-y:scroll; height: 400px; width: 50%"> 
     <ul id ='database'></ul> 
    </div>

來源

2012-11-27 sauletasmiestas

jQuery是無法動畫FONTCOLOR和其他顏色屬性。我不明白你想做什麼？ –

我想讓li元素在生成時閃爍。 – sauletasmiestas

我編輯了答案。（爲了使不透明度眨眼效果）。 –

jQuery是不能夠使用彩色動畫。但對於這樣的事情，你可以使用jQuery Color插件（https://github.com/jquery/jquery-color）。

下面是小正與不透明眨眼例如：

<head> 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script> 

    var t = function(){ 
     for(var i = 0; i < 5; i++){ 
      $("<li>ata" + i + "tata</li>").prependTo($("ul")).animate({opacity: 0.10}, 200).animate({opacity: 1}, 200); 
     } 
    } 

    $(function(){ 
     setInterval(t, 1000); 
    }); 

    </script> 
</head> 

<body> 
    <ul> </ul> 
</body> 
</html>

來源

2012-11-27 20:10:43

謝謝，它確實工作...對不起，因爲延遲:) – sauletasmiestas

AJAX如何爲出現元素設置動畫

回答

相關問題