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内容的地方。