javascript - Jquery 文本动画，补间或塑造从一个到另一个？

Question

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

我有文字说GOGL

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

并且在鼠标移出时它会变回GOGL

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

欢迎任何建议

Answer 1

演示

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

旧演示