私はこのアニマイトに.stop（）を置くことができます

Question

私はマウスのホバーをアニメーションにしました。リンク上にマウスを移動すると画像が表示され、別のリンクにマウスを移動すると前の画像は消えなければなりません別のリンクに属する別の画像を表示します。

 <style> 
     .imgHover { 
     display: inline; 
     position: relative; 
     } 
     .hover { 
     display: none; 
     position: absolute; 

     z-index: 2; 
     } 
     </style> 



<script type="text/javascript"> 
    $(function() { 
    $(".imgHover").hover(
    function() { 
     $(this).children("img").fadeTo(200, 0.85).end().children(".hover").fadeIn(100); 
    }, 
    function() { 
     $(this).children("img").fadeTo(200, 1).end().children(".hover").fadeOut(100)(); 
    }); 
    });</script> 


    <a class="imgHover" href="htpp://google.com">Text Link 1 
    <img class="hover" src="image_link1.jpg" alt=""></a> 


    <a class="imgHover" href="htpp://google.com">Text Link 2 
    <img class="hover" src="image_link2.jpg" alt=""></a> 

/////////////////////////////////// は、私は、コードのリンクこれを移動できます私がマウスを動かすと、テキストリンク1のスクリプトがイメージ1を選択します。助けてください。あなたが最初にフェードする前にそれを配置する必要があり

<div id="imageshow"> 
    <img class="hover" src="image_link1.jpg" alt=""> 
<img class="hover" src="image_link2.jpg" alt=""> 
    </div> 


    <div id="link"> 
    <a class="imgHover" href="htpp://google.com">Text Link 1 </a> 
    <a class="imgHover" href="htpp://google.com">Text Link 2 </a> 

    </div> 

Answer 1

：

$(".imgHover").hover(
function() { 
    $(this).children("img").stop().fadeTo(200, 0.85).end().children(".hover").fadeIn(100); 
}, 
function() { 
    $(this).children("img").stop().fadeTo(200, 1).end().children(".hover").fadeOut(100)(); 
}); 

Answer 2

<script type="text/javascript"> 
    $(function() { 
    $(".imgHover").hover(
    function() { 
     $(".imgHover img, .imgHover img .hover").stop(); 
     $(this).children("img").fadeTo(200, 0.85).end().children(".hover").fadeIn(100); 
    }, 
    function() { 
     $(".imgHover img, .imgHover img .hover").stop(); 
     $(this).children("img").fadeTo(200, 1).end().children(".hover").fadeOut(100)(); 
    }); 
}); 
</script>