javascript - 从中心设置动画或缩放

Question

关于如何从顶部中心为 div 的宽度和高度设置动画的任何想法？尝试使用 effect('scale') 但这基于显示/隐藏，因此在完成后快速恢复。

然后尝试了正常的动画：

$('.box').animate({'width':200px,'height':200px,margin-left:-100px});

这行得通，但是由于有一行 .box，我希望其他人做出反应并推到一侧。

Answer 1

微调

小提琴

$('.day').hover(function() {

  if($(this).index()==0){
      $(this).animate({'width':400,'height':400}, 500);
  }else{            
      $(this).animate({'width':400,'height':400}, 500);
      $(this).parent().stop().animate({'margin-left':'-100'} , 500);  
  }          
}, function() {
   $(this).animate({'width':200,'height':200}, 500);
   $(this).parent().stop().animate({'margin-left':'0'}, 500);

});

Answer 2

也许是这样的：

$('.day').hover(function() {
    $(this).animate({'width':400,'height':400, 'margin':'-100px -90px'});        
}, function() {
    $(this).animate({'width':200,'height':200, 'margin': '0 10px'});      
});

小提琴：http: //jsfiddle.net/dmYY3/3/？