jquery animation help

Question

두 개의 원이 있습니다. 한 개의 작은 (엄지) 다른 하나의 큰 (정보)이고, 사용자가 작은 (엄지 손가락) 위로 마우스를 가져 가면 작은 아이콘은 큰 것으로 크기를 조정해야합니다. 나는 또한 새로운 정보를 큰 것으로 보여줄 필요가있다. 나는 너비와 높이 애니메이션으로 이것을해야한다고 생각한다. 왜냐하면 작은 것은 100px X 100px이고 큰 것은 200x 200 크기이기 때문이다.

이렇게하는 가장 좋은 방법에 대해 조언하십시오. 플러그인 사용을 피하고 싶습니다. JQuery와 1.4.2를 사용하거나 최대

Answer 1

, 당신은 사용하여이를 달성 할 수

$(".smallCircle").hover(
function() { 
    $(this).animate({ 
     width: '200px', 
     height: '200px' 
    }, 200, function() { 
     // Animation complete. 
     //do whatever 
    }); 
}, 
function() { 
    $(this).animate({ 
    width: '100px', 
    height: '100px' 
    }, 200, function() { 
    // Animation complete. 
    //do whatever 
    }); 
}); 

는 작은 원의 클래스 "smallCircle"를 넣어.

P. 호버의 각 상태에서 애니메이션을 마친 후에 어떤 일이 일어나는지 제어 할 수 있습니다 ("// 무엇이든해라."). 큰 시클의 내용을 삽입 할 수있는 공간입니다.