0

元素出现后如何设置动画?(以便其他具有相同属性的人保持冷静。)我正在尝试这样做:

        $.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>
4

1 回答 1

0

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-27T20:10:43.480 回答