Question

有关如何从顶部中心设置div的宽度和高度动画的任何想法？尝试使用效果（'比例'）但这是基于显示/隐藏，因此在完成后快照。

然后尝试了正常的动画：

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

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

Answer 1

Fine Tuned

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);

});

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/？

从中心动画或缩放

2 个答案: