Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Ссылки в javascript


Автор: Duferiya 20.6.2013, 13:17
Здравствуйте! На сайте есть верхний баннер, который меняется по времени. Подскажите, как поставить ссылку на каждый баннер. JavaScript и css файл ниже:

<script language="JavaScript">
day = new Date(); hour = day.getHours();
if (hour>=0 && hour<9) style = "<div id=\"status\"> <p class=\"utro\">";
else { if (hour>=9 && hour<20) style ="<div id=\"status\"> <p class=\"den\">";
else { if (hour>=20 && hour<21) style ="<div id=\"status\"> <p class=\"vecher\">";
else { if (hour>=21 && hour<24) style = "<div id=\"status\"> <p class=\"noch\">";

} } }
document.write(style);
</script>

CSS
#status p {position: absolute;z-index: 1; margin: auto;top: -35px;width: 100%;height: 456px; display:block;}
#status p.utro {position:absolute;z-index: 1; background: url(images/bg_jp1.png) no-repeat; background-position:center;}
#status p.den { position:absolute; z-index: 1; background: url(images/bg_r100.png) no-repeat; background-position:center;}
#status p.vecher {position:absolute;z-index: 1; background: url(images/bg_jp1.png) no-repeat; background-position:center;}
#status p.noch { position:absolute;z-index: 1; background: url(images/bg_jp1.png) no-repeat; background-position:center;} 

Автор: CruorVult 20.6.2013, 13:36
Код

var utro = document.getElementsByClassName("utro")[0];

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)