連載目次 fadeInメソッドは、非表示状態にある要素(セット)をフェードインします。引数speedには、フェードイン効果を実行する時間(ミリ秒)、もしくは、あらかじめ決められた値として、slow、normal、fastのいずれかを指定します。引数fncは、フェードインが完了したときに実行するコールバック関数を表します。 具体的な例も見てみましょう。以下は、ページ・ロード時にアイコン画像を5秒(=5000ミリ秒)かけてフェードインするサンプルです。 <script type="text/javascript"> $(function() { // <div>要素の内容を5000ミリ秒かけてフェードイン $('div').fadeIn(5000, function() { // 処理終了後にダイアログ表示 window.alert('フェードイン完了'); }); }); </script>
![第7回 エフェクト編](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e84fc6ab06f31b2e64248cbfc92fe06deb5bab5/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fimages%2Flogo%2F1200x630_500x500_ait.gif)