javascript - 在鼠标悬停时运行 textillate.js 动画

Question

我试图在每次用户将鼠标悬停在菜单项上时运行动画。

目前，动画仅在您第一次将鼠标悬停在上方时运行，而不会在连续尝试时运行。

我正在使用 textillate.js .

代码:

$("#menu a").mouseenter(function() {
    $(this).textillate({ in: { effect: 'flash' } });
});

有什么想法吗？

Answer 1

您可以通过设置autoStart: false 来初始化插件而不运行动画。然后只需使用 $elem.textillate('start');

在 mouseenter 上手动启动动画即可

Example