Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation 加载图像的宽度从0变为100px,并进行调整_Animation_Jquery Easing - Fatal编程技术网

Animation 加载图像的宽度从0变为100px,并进行调整

Animation 加载图像的宽度从0变为100px,并进行调整,animation,jquery-easing,Animation,Jquery Easing,我需要“滑入”div中的(背景)图像 当我加载页面时,一些带有bg图像或图像的div(以及溢出?)需要从不可见/宽度=0变为100px宽度。这需要放松 有人能帮我解决js吗 <div style="overflow:hidden; width:100px; height:40px;"> <img src="someimg.png" height="40" width="100" /> </div> 这在document ready上使用jquery。

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

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

有人能帮我解决js吗

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

这在document ready上使用jquery。。对于缓解,您可以使用标准的jquery“linear”,但我提供了jquery.easing插件,您可以使用不同的缓解选项

看起来是这样的:但不是悬停,而且我认为这是html5,在IE7中不起作用?
$(document).ready(function () {
  $('#makeitlong').animate({ width: '400'}, 2000, 'linear');
});​