$(document).ready(function() { $('#wrapper').fadeIn("slow"); }); </script> html <div id="wrapper"> ここにコンテンツ </div> css #wrapper{ display: none; } 追記【2012/7/19】:...">

ウェブデザイナーのウェブ開発メモ

[PR] Another American Dictionary Spanglish with us!

jQuery: ページの読み込み時にフェードイン

今では便利なjQueryです。たったこれだけでフェードイン! 速度を数字で調節する際はカッコのなかの""は不要。jquery.jsを加えるのも忘れずに。
<script type="text/javascript">
	$(document).ready(function() {
		$('#wrapper').fadeIn("slow");
	});
</script>
html
<div id="wrapper">
	ここにコンテンツ
</div>
css
#wrapper{
	display: none;
}
追記【2012/7/19】:Flash部分には反映されないようです。
関連記事
この記事役にたった?
管理者にだけメッセージを送る

カテゴリー

広告

最近の記事

便利ツール