Home> javascriptアーカイブ
javascriptの最近のブログ記事
jQueryを使って、日時に合わせて背景画像を自動的に変更する
- 2010年2月18日 23:55
- javascript
日時（月、時間など）に合わせて、背景画像を自動的に変更したいとき。
月に合わせて、背景画像を（正月、節分、ひな祭り、......）のように替えたい場合、まず1〜12月の画像を連番で用意する。
1月はimage0.png、2月はimage1.png
のように0を初期値として連番で画像に名前をつける。表示するためのjavascriptは以下の通り。
var theDate = new Date();
var thisMonthImage = "url(image" + theDate.getMonth() + ".png)";
$("#content").css("background", thisMonthImage);
- head要素でjQueryを読み込んでおく
- id="content"の属性を付けたHTML要素の背景画像が設定される
- getMonth()で得られる値は0から11で、0が1月、1が2月、...、11が12月となる
- Comments (Close): 0
- TrackBack (Close): 0
Home> javascriptアーカイブ
- カテゴリ
- アーカイブ
- 購読
- Powerd By
-
