javascript - jQuery 从元素的居中 x 坐标动画宽度

Question

是否可以通过 animate() 元素的宽度来制作平滑的中心动画？

我的意思是动画使元素固定在自己的 x 坐标上？

如果我这样做:

<a class="animate">hey</a>
$('.animate').animate({'width':'+=1%'},500);

它有效，但元素在右边而不是从他自己的中心开始动画

Answer 1

是的，您还必须移动元素。

<a class="animate" style="display:block; width:300px; border:1px solid #000; position:fixed; top:50px; left:50px;">hey</a>
jQuery(".animate").animate({'width':'0px', 'left':'200px'});

http://jsfiddle.net/7Ysbg/

新信息

所以你的意思是这样的:http://jsfiddle.net/7Ysbg/2/

jQuery(".animate").click( function(){
    var w = jQuery(".animate").width();
    var new_w = jQuery(".animate").width()*1.5;
    var left = jQuery(".animate").offset().left - ((new_w - w)/2);
    jQuery(".animate").animate({'width':new_w+'px', 'left':left+'px'}, 'fast');
});