onload图像从0宽度到100px宽度，缓动

Question

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

当我加载页面时，一些带有bg图像或图像的div（以及溢出？）需要从不可见/宽度= 0到100px宽度。这需要放松。

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

<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');
});​