AJAX如何为显示元素设置动画
AJAX如何为显示元素设置动画
提问于 2012-11-28 00:42:01
如何设置动画元素，一旦它出现？(以便其他具有相同属性的人保持冷静。)我试着这样做：
$.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>回答 1
Stack Overflow用户
回答已采纳
发布于 2012-11-28 04:10:43
jQuery不能将颜色用于动画。但是对于这样的东西，你可以使用jQuery色彩插件( 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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13588915
复制相关文章
相似问题
腾讯云开发者
