JavaScript ブログの遅延効果
記事下広告は少しほっておきます・・・
別の記事です・・
先日・・JavaScript アイフレの遅延効果 なんてタイトルをつけちゃったので・・
おそろいにして・・JavaScript ブログの遅延効果
簡単に言っちゃえば・・ ブログ自体をないところからぼ~っと表示させるだけ
CSSでやれることがなくなってきたんで・・
最近・・キワモノ?に走っている感がありますね・・
見本はここ・・ アメブロ向上企画書ノート
まずはCSSの最後に・・・
#frame{
display:none;
}
つぎに・・フリープラグイン に
<script type="text/javascript">
<!--
$(function(){
setTimeout(function() { $("#frame").fadeIn(5000);}, 1000);
});
//-->
</script>
やはり前の記事と同じように(ってか・・まったく同じなんですが)少し時間を置いてから表示させて見ます
最初の5000 は5秒かけてダンダンと表示します
後の 1000 は1秒後に実行させます
2秒なら2000 0.5秒なら500 時間は好きにして下さい
ただ・・あまり時間をかけると見ている方がイライラしますので適当にね・・
ページを開いたり移ったりするときに星型で開いたりするのは(トランジション効果)
※これはIEで見ている場合だけですよ・・
「ランのカスタマイズ日記」さま
の記事で詳しく説明されていますので見てください
http://hama-sush-jp.pro/new-bulue9/entry-10455899962.html
おお~・・ 人任せにしてしまった・・・ m(_ _)m
ちなみに・・・
アメブロ向上企画書ノート ここの左のメニューについて質問がありますが
・・・
ここは説明しません
面倒なんで・・・
それに使い難いです・・
実は・・左のメニュー部分も記事なんです
なので今いる所?がわかるんです
よくある質問でしたら メニューの「よくある質問」が見えていて
オリジナルならメニューの「オリジナル」が見えるようになっています
これはフリースペースやフリープラグインを使っては出来ないことです
つまり・・記事を書くたびに・・
メニューのタグも記事の中に仕込む必要があるんです
ブログを会社のホームページ的に使うのでしたら良いと思いますが
日々更新するようなブログで使うには手間がかかりすぎていて薦められません
アメブロ向上企画書ノート のようにたまに更新すればいいブログでさえ・・
面倒で・・なかなか更新することが出来ません
(わたしがめんどくさがりやなだけ・・?)
やってみたい方はいろいろ工夫してみてください
あ~ぁ・・・ 8月からの月別記事もやらないと・・・
も~2ヶ月以上更新できてないよ~
こんなことになりますので・・ オススメできません・・・ ふぅ~