jquery動畫幫助

Question

我有兩個圓圈，一個是小（拇指），另一個是大（信息），當用戶將鼠標懸停在小（拇指）上時，那麼小圖標需要調整大一點。我還需要在大牌中展示新的信息。我認爲我必須通過寬度和高度動畫來做到這一點，因爲小的是100px X 100px，大的是200 X 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.S.在懸停的每種狀態下，您都可以控制動畫完成後發生的事情（我放置「//做任何事情」的地方），這是您可以插入大型cicrle內容的地方。