悬停中的Animate.css

用户3198605

今天,我尝试在自己的网站中实施animate.css

但我想确保在以下位置激活了“效果”:悬停因此我为此使用了jquery

代码是:

 $(".questo").hover( function (e) {
    $(this).toggleClass('animated shake', e.type === 'mouseenter');
});

问题在于,一旦移开鼠标,效果就会中断。它一旦开始就可以在没有悬停效果的情况下获得“效果”?

谢谢大家

我允许弗拉基米尔

查看此变体(更具交互性):

$(".myDiv").hover(function(){
    $(this).addClass('animated ' + $(this).data('action'));
});
$(".myDiv").bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd",function(){
    $(this).removeClass('animated ' + $(this).data('action'));
});

http://jsfiddle.net/DopustimVladimir/Vc2ug/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何控制CSS3中的悬停效果?

来自分类Dev

在纯CSS中禁用悬停效果

来自分类Dev

HTA中具有悬停缩放动作的CSS表

来自分类Dev

chrome中的CSS转换悬停不一致

来自分类Dev

在CSS中悬停旋转

来自分类Dev

CSS悬停在IE8中不起作用

来自分类Dev

如何仅停止css中的悬停指针事件

来自分类Dev

CSS扩展菜单在IE 11中悬停时会折叠

来自分类Dev

在CSS中悬停无法正常工作

来自分类Dev

Bootstrap输入中的FA图标:使用CSS捕获悬停事件

来自分类Dev

(HTML / CSS)悬停“ li”而不悬停“ li”中的文本

来自分类Dev

在悬停时在CSS中创建粗体图像?

来自分类Dev

在CSS中悬停时如何显示隐藏内容

来自分类Dev

A:悬停在CSS中不起作用

来自分类Dev

在CSS中的父悬停上显示子元素

来自分类Dev

CSS列表悬停在Google Chrome中不起作用

来自分类Dev

尝试为CSS中的多个图像制作不同的悬停动画

来自分类Dev

CSS-在关键帧中触发悬停

来自分类Dev

悬停时CSS过渡动画无法在Firefox中唤醒

来自分类Dev

如何在CSS中删除悬停样式

来自分类Dev

“悬停” CSS选择器中的代码停止工作

来自分类Dev

CSS悬停动画无法在icomoon中工作

来自分类Dev

<td>中的CSS悬停<a>

来自分类Dev

A:悬停在CSS中不起作用

来自分类Dev

在JavaScript中触发CSS悬停

来自分类Dev

CSS鼠标悬停在translateXY中

来自分类Dev

悬停时div中的CSS对象移动

来自分类Dev

CSS 悬停在导航栏中

来自分类Dev

在css中悬停后图标消失