悬停功能效果未出现

时间:2019-04-29 16:49:34

标签: function hover

.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元素没有效果但出现了显示效果时,没有效果出现

0 个答案:

没有答案