jquery mouseover jitters

Question

내 요소가 부모 요소 위로 마우스를 움직일 때 떨리는 현상이 계속 발생합니까? 도움이 될 것입니다, 감사합니다!

$(document).ready(function(){ 
    $("div.row1 div.one").mouseover(function() { 
     $("div.row1 div.one img").animate({"bottom":"0px"}, "600"); 
    }); 
    $("div.row1 div.one").mouseout(function() { 
     $("div.row1 div.one img").animate({"bottom":"74px"}, "600");  
    }); 

}); 




     <div class="row1"> 
      <div class="one"> 
       <div class="post_data"> 
        <h1 class="post_title">The Post Title</h1> 
        <h2 class="post_snippet">Lorem Ipsum Dolar Sit Amet.</h2> 
        <p class="post_date">3/14/2012</p> 
       </div> <!-- post_data //--> 
      <img src="test_img1.jpg" alt="test"/> 
      </div> 

Answer 1

애니메이션하기 전에 정지하십시오. 이렇게.

$(document).ready(function(){ 
    $("div.row1 div.one").mouseover(function() { 
     $("div.row1 div.one img").stop().animate({"bottom":"0px"}, "600"); 
    }).mouseout(function() { 
     $("div.row1 div.one img").stop().animate({"bottom":"74px"}, "600");  
    }); 

});