Javascript 从中心设置动画或缩放

关于如何从上止点设置div的宽度和高度的动画，有什么想法吗？ 尝试使用效果（“缩放”），但这是基于显示/隐藏，因此在完成后会恢复

然后尝试了普通动画：

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

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

可能是这样的：

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

小提琴：？

微调

---

它是关于这个元素在页面中的位置。这不是flash。对其他的使用j Query使它看起来像是有反应的？我们能看到一个吗？关于HTML和其他东西？是的，我试着在上一个孩子身上加上'marginleft:-100'来补偿，但似乎没有解决问题。（在jsfiddle上）感谢这一点，但是我需要调整周围的框以对大小变化做出反应。我想我已经算出来了：@TomD很好用，除非你在左边的分区。。。当你从一个部门转到另一个部门时，动画会很尴尬；我刚刚注意到，需要改进！谢谢你们，太好了。只是出于好奇，您是否总是使用JSFIDLE，有时看起来相当慢？刚刚找到了什么样子interesting@TomD我认为它的偏好是……是的，JSFIDLE有时会落后，但总的来说它似乎有更多的功能。@TomD如果你得到了你想要的，不要忘记接受答案！刚刚更新了我的JSFIDLE：滑块移动到今天的方框，滚动时，滑块稍微向后移动以补偿比例（因此它似乎从中心开始缩放）。你知道如何使它更平滑吗？当你从DIV-DIV悬停时，滑块不会来回跳动？@TomD你只需要在父对象（'DIV'）的第一个动画中添加.stop（）

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

});