2007年06月02日

2007 06.02 Sat


【こんな人に向いてます】
・デザインに懲りたい人。
・とにかくカスタマイズしたい人。
・手動で変更するのが面倒臭い。
・飽きっぽい。


朝は4時から9時迄、昼は9時から16時迄、
夕は16時から19時迄、夜は19時から4時迄として、
自動的に切り替えてみます。
<HTML>
<HEAD>
・・・
</HEAD>

<SCRIPT language="JavaScript">
<!------

now = new Date()
tm = now.getHours()
if ( tm > 3 && tm < 9 ) bg="画像アドレス"
if ( tm > 8 && tm < 16 ) bg="hiru.gif"
if ( tm > 15 && tm < 19 ) bg="yugata.gif"
if ( tm > 18 || tm < 4 ) bg="yoru.gif"
document.write("<body background=" + bg + ">")

//------>
</SCRIPT>
<body>
・・・
</body>
</HTML>


背景色を変えたい場合は、bg=" "内を「#888888」とかでいけるはず。



毎月1日になると自動で背景の壁紙を変更するJavaScript。

<head>〜</head>の間に下記を記入。
赤字の部分は設定項目。

<script type="text/javascript">

// 毎月自動で壁紙を変更するJavaScript

<!--
var bg = new Array(12);
bg[0] = "./bg1.png"; // 1月の壁紙画像への相対パスorアドレス
bg[1] = "./bg2.png"; // 2月の壁紙画像への相対パスorアドレス
bg[2] = "./bg3.png"; // 3月の壁紙画像への相対パスorアドレス
bg[3] = "./bg4.png"; // 4月の壁紙画像への相対パスorアドレス
bg[4] = "./bg5.png"; // 5月の壁紙画像への相対パスorアドレス
bg[5] = "./bg6.png"; // 6月の壁紙画像への相対パスorアドレス
bg[6] = "./bg7.png"; // 7月の壁紙画像への相対パスorアドレス
bg[7] = "./bg8.png"; // 8月の壁紙画像への相対パスorアドレス
bg[8] = "./bg9.png"; // 9月の壁紙画像への相対パスorアドレス
bg[9] = "./bg10.png"; // 10月の壁紙画像への相対パスorアドレス
bg[10] = "./bg11.png"; // 11月の壁紙画像への相対パスorアドレス
bg[11] = "./bg12.png"; // 12月の壁紙画像への相対パスorアドレス

function bg_auto() {
var month = new Date().getMonth();
document.body.background = bg[month];
}
// -->
</script>



<body>タグを下記のように変更。
赤字の部分は設定項目。

<body background="./bg0.png" onload="bg_auto();">
<!-- bodyタグ内の『background="./bg0.png"』は、JavaScript無効時対策。 -->


お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re
この記事へのコメント
コメントを書く
お名前:

ホームページアドレス:(http:を省略して下さい)
http:
コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/43655838
※言及リンクのないトラックバックは受信されません。

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.