Главная » 2012 » Март » 17 » JavaScript's: Часы являются фоном
22:50 JavaScript's: Часы являются фоном | ||||||||||||
Часы являются фономСоветуем посмотреть: src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> Довольно интересная реализация часов для сайта. В данном случае, они являются фоном страницы. В head ставим этот скрипт:
Code <script language=javaScript> function clockon() { thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds if(document.all) { bgclocknoshade.innerHTML=thistime bgclockshade.innerHTML=thistime } if(document.layers) { document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:12px">'+thistime+'</div>') document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:10px">'+thistime+'</div>') document.close() } var timer=setTimeout("clockon()",200) } </script> Добавляем в body onload:
Code <body onLoad="clockon()> и вставляем этот код:
Code <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FF8888;font-size:120px;top:102px;left:12px"></div> <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:100px;left:10px"></div> а все содержимое страницы, заключаем в div:
Code <div id="mainbody" style="position:absolute; visibility:visible">Содержимое</div> Материал взят с сайта infoscript.ru
|