javascript - Jquery 文本动画，从一个到另一个的补间或整形？

Question

我用谷歌搜索了很多，但没有找到适合我需要的东西。我想知道是否可以使用 Jquery 为文本设置动画，以便(例如)将鼠标悬停在它上面时会更改为一些不同的文本。最简单的例子:

我有文字显示 GOGL

鼠标悬停时，它会随着一些漂亮的动画而改变 GOOGLE

鼠标移开时它会变回 GOGL

是否有一些很棒的 jQuery 插件可以用于类似的东西或不同的 javascript 库？

欢迎提出建议

Answer 1

DEMO

$('#test').hover(function () {
    $(this).text('GOOGLE').stop(true, true).animate({
        width: "65px"
    }, 500);
}, function () {
    $(this).stop(true, true).animate({
        width: "45px"
    }, 500).text('GOGL');
});

Old DEMO