使用.animate更改文本(html)

Question

我试图<font id="test" size="7">This Text!</font>使用jQuery的Animate函数为tag()的html部分设置动画,如下所示:

$("#test").delay(1500).animate({text:'The text has now changed!'},500);

但是没有任何反应,它不会改变文本.

我怎样才能做到这一点？谢谢!

Answer 1

该animate(..)功能"签名是:

.animate( properties, options );

它说下面的参数properties:

properties动画将移向的CSS属性的映射.

text 不是CSS属性,这就是函数无法正常工作的原因.

你想淡出文字吗？你想搬家吗？我或许可以提供替代方案.

看看下面的小提琴.

Answer 2

$("#test").hide(100, function() {
    $(this).html("......").show(100);
});

更新：

另一个简单的方法：

$("#test").fadeOut(400, function() {
    $(this).html("......").fadeIn(400);
});