javascript - 从中心开始动画或缩放

Question

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

然后尝试了一个正常的动画:

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

这可行，但由于有一行 .box，我希望其他人使用react并推到一边。

Answer 1

微调

FIDDLE

$('.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);

});