時間によってヘッド画像を換えて表示 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

時間によってヘッド画像を換えて表示

昨日の続きです
ヘッド画像を換えるのでしたら
時間帯によって換えてみたらどうでしょうか?


・・・普通はランダムよりこっちの方を先に思いつくもんだ・・・



フリープラグインに貼り付けてください


<script type="text/javascript">
<!--
var headimg;
var date = new Date();
var hour = date.getHours();
if (hour >= 3 && hour <= 11) {/* 3:00-11:59 */
headimg = "63/0d/143886433.jpg";
}else if (hour >= 12 && hour <=20) {/* 12:00-20:59 */
headimg = "f6/d0/143886434.jpg";
}else {/* それ以外 */
headimg = "cc/58/143886436.jpg";
}
document.writeln('<style type="text/css">'+"\n"+'<!--'+"\n"+'#header{background:url("http://stat.ameba.jp/user_images/' + headimg +'") no-repeat;}'+"\n"+'-->'+"\n"+'</style>');
// -->
</script>



※まだ動作確認していませんm(_ _)m
※幅が800px以上でフォトに画像がおいてある場合はURLが違ってきます