ページを開いたときに画像がフェードインします。IE6,Mozilla Firefox
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 <BODY onload=" ＊＊＊()">を書かずに IMG タグの中に onload=" ＊＊＊()"を入れました。 なのでブログにも簡単に設置できます。 サンプルソース <HTML> <HEAD> <TITLE>ページを開いたときに画像がフェードインします。IE6,Mozilla Firefox</TITLE> </HEAD> <BODY> <script type="text/javascript"> <!-- opa=0; //透明度 0は透明 opacnt=2; //透明度の増減の間隔 timer=100; //setTimeout関数の実行間隔 ミリ秒 // フェードイン function FadeInstr() { gazouI
kojilow Blog | ページ遷移時にフェードイン・フェードアウト
Re:designのサイトで設置した、jQueryを使用してページ遷移時にフェードイン・フェードアウトさせる方法 //インラインCSSで#wrapper{display;block;}を追加 $(‘head’).append(‘<style type=”text/css”>#wrapper{display;none;}</style>’); $(function(){ //読み込み時にフェードイン $(‘#wrapper’).fadeIn(1000); //aタグクリック時にフェードアウト実行 $(‘#navi a, a.windowFade’).click(function(){ var url = $(this).attr(“href”); $(‘#wrapper’).animate({“opacity”:0},1000,function(){ location.href = url;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
