如何为text（），html（）jquery设置动画

Question

您好我制作了更改单词的脚本但我希望在文本更改时添加动画。我怎么能这样做？

Link here

Answer 1

您可以使用jquery库的fadeIn和fadeOut方法。 您应该使用position创建第二个元素：absolute，将opacity设置为零并为两个元素设置动画（当然，删除第一个元素）。

Answer 2

你开始动画，然后在开始动画后直接停止它：

$(".dynamo").animate({"opacity": "0"}, 500).stop();

使用

$(".dynamo")
    .stop() // Stop on-going animation
    .animate({"opacity": "0"}, 500, function() {
        // After first animation finished
        $(this).html(array[i]).animate({ opacity: 1 });
    });

http://jsbin.com/umUWAGu/2