特定の日付にCSSを使用してウェブサイトの背景を自動的に変更する方法を知っている人はいますか?などバレンタイン、イースター、クリスマス特定の日付にCSSを使用して背景を変更しますか?
2
A
答えて
1
あなたは文句を言わないだけで、CSSを使用してそれを行うことができるが、あなたはそれがそうのようなJavaScriptとCSSを組み合わせて行うことができ、同様に
var checkDate=new Date(),
today = new Date();
checkDate.setFullYear(2011,1,14);
if (today.getTime() === checkDate.getTime()){
document.getElementById("background").className += 'valentinesBackgroundStyle';
}
1
あなたはこれを行うことはできませんCSSで。 JavaScriptを使用する必要があります。バレンタインの日に赤の背景色を変更するには、例えば
:
var date = new Date();
if(date.getDate() == 14 && date.getMonth() == 1) {
document.body.style.background = "red";
}
3
あなたはこのためにPHPやJavaScriptなどのサーバーサイドの言語のいずれかを使用する必要があります。 PHPを使用すると、たとえば、あなたがdate()とサーバの日付/時間にアクセスすることができますし、同じような何かを:
if(date('m/d') == '2/14'))
'get your girl a present, dude!';
サーバー側のコードを使用することの利点は、それがユーザーのために高速であるということです。欠点は、サーバーの日時であり、ユーザーの日時ではありません。だから、Javascriptで同じことをすることができます:
var curtime = new Date(),
curday = curtime.getDate(),
curmonth = curtime.getMonth()+1;
if(curmonth == 2 && curday == 14)
alert('better be quick');
いずれかの方法で動作します。
明快さのために追加されました:上記はあなたが日を確認することができます。それを使用して、その日のために用意したHTML要素にCSSクラスを追加することができます。あなたはJavascriptでそれを行うと言う、あなたの代わりに上記alert()
の
$('#wrap').addClass('valentines');
を記述します。例として、にクラスvalentines
が追加されます。そのCSSクラスを使って好きなことをすることができます。
編集:最後のスニペットでjQueryを使用しました。あなたはJavascriptだけでもそれを行うことができます - Loktarはすでに彼の答えにそれを加えました。