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