Jquery像喷雾一样生长效果

Question

嗨我想知道是否有一个jquery grow函数与喷涂页面上的样本2 / demo 2相同。

http://labs.adobe.com/technologies/spry/samples/effects/grow_sample.html

不要使用喷雾，因为我的大部分网站效果都是jquery。

谢谢！

Answer 1

jQueryUI中的scale效果可用于实现此目的。

More information

Answer 2

我使用.animate()方法。

请参阅demo here。

<div class="outer">
  <div class="inner">&nbsp;</div>
</div>

$('div.inner').animate({
    'margin':'100px'
}, 1000);​

步骤以获得完整效果

1. 没有内容时增加边距。
2. 然后，当动画完成时，删除边距
3. 设置实际最终宽度和
4. 然后附加您要显示的内容。