Login
Смена бекграунда
579 просмотров
Перейти к просмотру всей ветки
in Antwort Ivan_Pomidoroff 02.11.10 22:15, Zuletzt geändert 03.11.10 00:04 (Ivan_Pomidoroff)
нашёл! несовсем изящно, но я незнаю как сделать короче (
<script>
window.onload=function() {
var date=new Date();
if (date.getHours()>=0 && date.getHours()<1) document.getElementById('x').style.background='url(images/knopf/background/background_00.png)';
if (date.getHours()>=1 && date.getHours()<2) document.getElementById('x').style.background='url(images/knopf/background/background_01.png)';
if (date.getHours()>=2 && date.getHours()<3) document.getElementById('x').style.background='url(images/knopf/background/background_02.png)';
if (date.getHours()>=3 && date.getHours()<4) document.getElementById('x').style.background='url(images/knopf/background/background_03.png)';
if (date.getHours()>=4 && date.getHours()<5) document.getElementById('x').style.background='url(images/knopf/background/background_04.png)';
if (date.getHours()>=5 && date.getHours()<6) document.getElementById('x').style.background='url(images/knopf/background/background_05.png)';
if (date.getHours()>=6 && date.getHours()<7) document.getElementById('x').style.background='url(images/knopf/background/background_06.png)';
if (date.getHours()>=7 && date.getHours()<8) document.getElementById('x').style.background='url(images/knopf/background/background_07.png)';
if (date.getHours()>=8 && date.getHours()<9) document.getElementById('x').style.background='url(images/knopf/background/background_08.png)';
if (date.getHours()>=9 && date.getHours()<10) document.getElementById('x').style.background='url(images/knopf/background/background_09.png)';
if (date.getHours()>=10 && date.getHours()<11) document.getElementById('x').style.background='url(images/knopf/background/background_10.png)';
if (date.getHours()>=11 && date.getHours()<12) document.getElementById('x').style.background='url(images/knopf/background/background_11.png)';
if (date.getHours()>=12 && date.getHours()<13) document.getElementById('x').style.background='url(images/knopf/background/background_12.png)';
if (date.getHours()>=13 && date.getHours()<14) document.getElementById('x').style.background='url(images/knopf/background/background_13.png)';
if (date.getHours()>=14 && date.getHours()<15) document.getElementById('x').style.background='url(images/knopf/background/background_14.png)';
if (date.getHours()>=15 && date.getHours()<16) document.getElementById('x').style.background='url(images/knopf/background/background_15.png)';
if (date.getHours()>=16 && date.getHours()<17) document.getElementById('x').style.background='url(images/knopf/background/background_16.png)';
if (date.getHours()>=17 && date.getHours()<18) document.getElementById('x').style.background='url(images/knopf/background/background_17.png)';
if (date.getHours()>=18 && date.getHours()<19) document.getElementById('x').style.background='url(images/knopf/background/background_18.png)';
if (date.getHours()>=19 && date.getHours()<20) document.getElementById('x').style.background='url(images/knopf/background/background_19.png)';
if (date.getHours()>=20 && date.getHours()<21) document.getElementById('x').style.background='url(images/knopf/background/background_20.png)';
if (date.getHours()>=21 && date.getHours()<22) document.getElementById('x').style.background='url(images/knopf/background/background_21.png)';
if (date.getHours()>=22&& date.getHours()<23) document.getElementById('x').style.background='url(images/knopf/background/background_22.png)';
if (date.getHours()>=23 && date.getHours()<24) document.getElementById('x').style.background='url(images/knopf/background/background_23.png)';
if (date.getHours()>=7 && date.getHours()<20) document.getElementById('y')='images/knopf/ich_bin24.png';
if (date.getHours()>=20 && date.getHours()<24) document.getElementById('y')='images/knopf/ich_bin24_hell.png';
if (date.getHours()>=0 && date.getHours()<7) document.getElementById('y')='images/knopf/ich_bin24_hell.png';
}
</script>
</head>
<body class="img">
<div id="x" style="height: 71px; width: auto">
<div id="head"> <a href="index.shtml"><img src="images/knopf/head.png" width="300" height="70" border="0" align="left" alt="andrey_logvin" /></a>
<div id="kontakt">
<a href="ubermich.shtml"><img src="y" width="24" height="24" border="0" alt="uber_mich" /></a>
<a href="kontakt.shtml"><img src="images/knopf/post24.png" width="24" height="24" border="0" alt="post" /></a>
</div>
</div>
</div>
Теперь див "контакт" (синий) . Там две картинки они должны менятся ночью на светлые. проблема как присвоить пременной "y" свойства адреса картинки. На примере с бекграундом мы меняли стиль дива, а теперь надо менять адрес.
метод "тыка" (красный) недал положительного результата (
<script>
window.onload=function() {
var date=new Date();
if (date.getHours()>=0 && date.getHours()<1) document.getElementById('x').style.background='url(images/knopf/background/background_00.png)';
if (date.getHours()>=1 && date.getHours()<2) document.getElementById('x').style.background='url(images/knopf/background/background_01.png)';
if (date.getHours()>=2 && date.getHours()<3) document.getElementById('x').style.background='url(images/knopf/background/background_02.png)';
if (date.getHours()>=3 && date.getHours()<4) document.getElementById('x').style.background='url(images/knopf/background/background_03.png)';
if (date.getHours()>=4 && date.getHours()<5) document.getElementById('x').style.background='url(images/knopf/background/background_04.png)';
if (date.getHours()>=5 && date.getHours()<6) document.getElementById('x').style.background='url(images/knopf/background/background_05.png)';
if (date.getHours()>=6 && date.getHours()<7) document.getElementById('x').style.background='url(images/knopf/background/background_06.png)';
if (date.getHours()>=7 && date.getHours()<8) document.getElementById('x').style.background='url(images/knopf/background/background_07.png)';
if (date.getHours()>=8 && date.getHours()<9) document.getElementById('x').style.background='url(images/knopf/background/background_08.png)';
if (date.getHours()>=9 && date.getHours()<10) document.getElementById('x').style.background='url(images/knopf/background/background_09.png)';
if (date.getHours()>=10 && date.getHours()<11) document.getElementById('x').style.background='url(images/knopf/background/background_10.png)';
if (date.getHours()>=11 && date.getHours()<12) document.getElementById('x').style.background='url(images/knopf/background/background_11.png)';
if (date.getHours()>=12 && date.getHours()<13) document.getElementById('x').style.background='url(images/knopf/background/background_12.png)';
if (date.getHours()>=13 && date.getHours()<14) document.getElementById('x').style.background='url(images/knopf/background/background_13.png)';
if (date.getHours()>=14 && date.getHours()<15) document.getElementById('x').style.background='url(images/knopf/background/background_14.png)';
if (date.getHours()>=15 && date.getHours()<16) document.getElementById('x').style.background='url(images/knopf/background/background_15.png)';
if (date.getHours()>=16 && date.getHours()<17) document.getElementById('x').style.background='url(images/knopf/background/background_16.png)';
if (date.getHours()>=17 && date.getHours()<18) document.getElementById('x').style.background='url(images/knopf/background/background_17.png)';
if (date.getHours()>=18 && date.getHours()<19) document.getElementById('x').style.background='url(images/knopf/background/background_18.png)';
if (date.getHours()>=19 && date.getHours()<20) document.getElementById('x').style.background='url(images/knopf/background/background_19.png)';
if (date.getHours()>=20 && date.getHours()<21) document.getElementById('x').style.background='url(images/knopf/background/background_20.png)';
if (date.getHours()>=21 && date.getHours()<22) document.getElementById('x').style.background='url(images/knopf/background/background_21.png)';
if (date.getHours()>=22&& date.getHours()<23) document.getElementById('x').style.background='url(images/knopf/background/background_22.png)';
if (date.getHours()>=23 && date.getHours()<24) document.getElementById('x').style.background='url(images/knopf/background/background_23.png)';
if (date.getHours()>=7 && date.getHours()<20) document.getElementById('y')='images/knopf/ich_bin24.png';
if (date.getHours()>=20 && date.getHours()<24) document.getElementById('y')='images/knopf/ich_bin24_hell.png';
if (date.getHours()>=0 && date.getHours()<7) document.getElementById('y')='images/knopf/ich_bin24_hell.png';
}
</script>
</head>
<body class="img">
<div id="x" style="height: 71px; width: auto">
<div id="head"> <a href="index.shtml"><img src="images/knopf/head.png" width="300" height="70" border="0" align="left" alt="andrey_logvin" /></a>
<div id="kontakt">
<a href="ubermich.shtml"><img src="y" width="24" height="24" border="0" alt="uber_mich" /></a>
<a href="kontakt.shtml"><img src="images/knopf/post24.png" width="24" height="24" border="0" alt="post" /></a>
</div>
</div>
</div>
Теперь див "контакт" (синий) . Там две картинки они должны менятся ночью на светлые. проблема как присвоить пременной "y" свойства адреса картинки. На примере с бекграундом мы меняли стиль дива, а теперь надо менять адрес.
метод "тыка" (красный) недал положительного результата (