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

时间:2013-01-02 14:15:41

标签: animation jquery-easing

我需要在div中“滑入”(背景)图像。

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

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

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

1 个答案:

答案 0 :(得分:0)

这在文档就绪上使用了jquery ..为了缓和,可以使用标准的jquery'linear',但我包含了jquery.easing插件,你可以在其中使用不同的缓动选项。

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

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