Jquery文本动画，从一个到另一个的tween或shaping

Jquery text animation, tween or shaping from one to another?

本文关键字：另一个 一个 tween shaping 动画 文本 Jquery      更新时间：2023-09-26

我在谷歌上搜索了很多，但没有找到任何符合我需求的东西。我想知道是否可以用Jquery设置文本动画，这样（例如）鼠标悬停在它上面就会变成一些不同的文本。最简单的例子：

我有文字显示GOGL

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

当鼠标离开时，它将变回GOGL

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

欢迎任何建议

演示

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

旧DEMO

相关文章：