在mouseover上运行textillate.js动画

Question

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

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

我正在使用textillate.js。

代码：

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

有什么想法吗？

Answer 1

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

手动启动mouseenter上的动画即可

Example