onload image從0寬度變爲100px寬度並緩動

Question

我需要「滑入」div中的（背景）圖像。

當我加載頁面時，一些帶有bg圖像或圖像的div（和溢出？）需要從不可見/寬度= 0到100px寬度。這需要緩解英寸

任何人都可以請幫助我與JS？

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

Answer 1

它使用的文件準備的jQuery。對於緩解可以使用標準的jQuery「線」，但我包括jquery.easing插件，您可以有不同的選擇放鬆。

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

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