.findin {
animation:300ms ease-in-out 0s normal none 1 running fadeInRight;
}
.findout {
animation:300ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.findd{
animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
}
..
$(document).ready(function(){
$("#svg5-Layer_1").hide();
$("#svg4-Layer_1").hide();
$(".slideshow-inner").hover(function(){
$("#svg5-Layer_1").removeClass("findd");
$("#svg5-Layer_1").addClass("findin");
$("#svg5-Layer_1").show();
$("#svg4-Layer_1").removeClass("findd");
$("#svg4-Layer_1").addClass("findout");
$("#svg4-Layer_1").show();
}, function(){
$("#svg5-Layer_1").removeClass("findin");
$("#svg5-Layer_1").addClass("findd");
$("#svg5-Layer_1").hide();
$("#svg4-Layer_1").removeClass("findout");
$("#svg4-Layer_1").addClass("findd");
$("#svg4-Layer_1").hide();
});
});
在事件MouseEnter中,我看到了效果出现,但是在事件MouseEXIT中,当事件隐藏中的#svg4-Layer 1元素没有效果但出现了显示效果时,没有效果出现