animation - オンロード画像は0幅から100px幅にイージングで移動します

Question

div内の（背景）画像を「スライドイン」する必要があります。

ページを読み込むと、bg画像または画像が含まれている（そしてオーバーフローしている？）divは、invisible / width=0から100pxwidthに変更する必要があります。これを緩和する必要があります。

誰かがjsで私を助けてくれますか？

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

score 0 · Accepted Answer

これは、ドキュメント対応でjqueryを使用します。イージングには標準のjquery'linear'を使用できますが、さまざまなイージングオプションを使用できるjquery.easingプラグインを含めました。

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

1 に答える 1