当鼠标 animate css,在mouseenter＆amp;上添加animate.css类。鼠标离开

使用jQuery代替。结帐

还有一些小的CSS更改，也在CSS代码中进行了注释。例如，不直接使用.col-sm-6，因为它们是非常常见的类等。

供参考，您的JS应该如下：

$(".screenshot").hover(function () {

//stuff to do on mouse enter

var overlay_div = $(this).find('.overlay');

overlay_div.removeClass('fadeOut');

overlay_div.addClass('fadeIn');

overlay_div.find('.another-animation').removeClass('fadeOutDown');

overlay_div.find('.another-animation').addClass('fadeInUp');

overlay_div.css('display', 'block');

},

function () {

//stuff to do on mouse leave

var overlay_div = $(this).find('.overlay');

$(this).find('.overlay').removeClass('fadeIn');

$(this).find('.overlay').addClass('fadeOut');

overlay_div.find('.another-animation').removeClass('fadeInUp');

overlay_div.find('.another-animation').addClass('fadeOutDown');

setTimeout(function() {

overlay_div.css('display', 'none');

}, 1000);

});

希望这有帮助！