js中，当鼠标覆盖图片的时候，为什么会两张图片不停的来回切换闪烁，而不是，覆盖显示第二张，离开显示第

Question

<div class="four_block inline_block" >                <img src="/ehouse/img/item/industry/part1.jpg" class="first_show">                <img src="/ehouse/img/item/industry/part11.jpg" class="second_show">            </div>$(function(){    $(".second_show").hide();    $(".first_show").hover(        function(){        $(this).hide();        $(this).siblings(".second_show").show();    },        function(){        $(this).siblings(".second_show").hide();        $(this).show();            })})

Answer 1

因为在'$(".first_show").hover'这个事件中，鼠标移上去，你通过 $(this).hide()让'$(".first_show")'隐藏了，同时触发移出事件，所以会存在来回闪烁