2010-07-31 34 views
1

所以我有这个图像,我想放大鼠标悬停,所以我有这样的事情。jquery - 动画,展开/调整大小的左侧,而不是右侧

$('#something').animate({ 
      width: bigger-than-now, 
      height: bigger-than-now 
      }); 

但我发现这总是向右下方扩展,当我希望它向左下方扩展?有谁知道我能做到这一点?提前致谢!

也就是说,如果我将css位置设置为绝对值,并且顶部,右侧= 0,我会发现它会左下角。但后来我想在我的情况下的相对定位。

回答

0

如果你不想使用绝对位置,你可以给图像一个大的初始填充,然后减少填充方向,使图像展开。

CSS

#something { 
    height: 100px; 
    width: 100px; 
    padding-top: 10px; 
    padding-left: 10px; 
} 

的10px的jQuery的增长,顶部和左侧

$('#something').animate({ 
    width: 110, 
    height: 110, 
    paddingTop: 0, 
    paddingLeft 0 
}); 
+0

感谢。有用。可悲的是,我有一个背景颜色,所以看起来很奇怪,如果我做填充,我会建议保证金,但我不认为动画会以同样的方式工作...任何好的建议? – bernardw 2010-07-31 11:49:29

+0

有你的尝试保证金?它应该与动画一样工作。 – Pat 2010-07-31 12:25:10

相关问题