animation - 加载图像从 0 宽度到 100px 宽度与缓动

Question

我需要在 div 中“滑入”（背景）图像。

当我加载页面时，一些带有 bg 图像或内部图像（并且溢出？）的 div 需要从 invisible/width=0 变为 100px 宽度。这需要缓解。

任何人都可以帮我解决js吗？

<div style="overflow:hidden; width:100px; height:40px;">
    <img src="someimg.png" height="40" width="100" />
</div>

Answer 1

这在文档就绪时使用 jquery。对于缓动可以使用标准 jquery 'linear'，但我包含了 jquery.easing 插件，您可以在其中使用不同的缓动选项。

http://jsfiddle.net/DyW7M/1/

$(document).ready(function () {
  $('#makeitlong').animate({ width: '400'}, 2000, 'linear');
});​