...
Новогодние скрипты и украшения для сайта
Сообщений 1 страница 3 из 3
Поделиться223.12.2013 08:32:46
Таймер до нового года (картинку можно поменять)
<center><div align="center" style="padding:2px; border: 1px dashed white; width: 155px;"> <img src="http://csomsk.ru/1-ucoz/pm/rip/newyear20313.jpg" border="0"> <div align="center" style="width: 140px;"><span style="color:#fffc00"> <b><div align="center"><script Language="javascript"> function cdtime(container, targetdate){ if (!document.getElementById || !document.getElementById(container)) return this.container=document.getElementById(container) this.currentTime=new Date() this.targetdate=new Date(targetdate) this.timesup=false this.updateTime() } cdtime.prototype.updateTime=function(){ var thisobj=this this.currentTime.setSeconds(this.currentTime.getSeconds()+1) setTimeout(function(){thisobj.updateTime()}, 1000) } cdtime.prototype.displaycountdown=function(baseunit, functionref){ this.baseunit=baseunit this.formatresults=functionref this.showresults() } cdtime.prototype.showresults=function(){ var thisobj=this var timediff=(this.targetdate-this.currentTime)/1000 if (timediff<0){ this.timesup=true this.container.innerHTML=this.formatresults() return } var oneMinute=60 var oneHour=60*60 var oneDay=60*60*24 var dayfield=Math.floor(timediff/oneDay) var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour) var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute) var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute)) if (this.baseunit=="hours"){ hourfield=dayfield*24+hourfield dayfield="n/a" } else if (this.baseunit=="minutes"){ minutefield=dayfield*24*60+hourfield*60+minutefield dayfield=hourfield="n/a" } else if (this.baseunit=="seconds"){ var secondfield=timediff dayfield=hourfield=minutefield="n/a" } this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield) setTimeout(function(){thisobj.showresults()}, 1000) } function formatresults2(){ if (this.timesup==false){ var displaystring="<span class='nonewyear'>"+arguments[0]+" Дней "+arguments[1]+" Часов<br>"+arguments[2]+" Минут "+arguments[3]+" Секунд</span> " } else{ var displaystring="<span class='newyear1'>С Новым годом!!!</span>" //alert("С Новым годом!!!") } return displaystring } </script> <div id="countdowncontainer2"></div> <script type="text/javascript"> var currentyear=new Date().getFullYear() var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1 var christmas=new cdtime("countdowncontainer2", "january 1, "+thischristmasyear+" 0:0:00") christmas.displaycountdown("days", formatresults2) </script></div></b></span></div></div></center>
Поделиться323.12.2013 13:16:44
Шапочка на изображение\баннер.(как у нас в объявлении). Устанавливаем вокруг нужного кода счетчика или изображения, где $COUNTER$ - исходный код элемента, на который хотим надеть шапочку.
Зеленая
<div style="position:relative;width:88px"> <div style="background:url('http://yraaa.ru/test/131/hat_3.png');position:absolute;width:38px;height:52px;overflow:hidden;margin-left:-13px;margin-top:-6px"> </div> $COUNTER$ </div>
Синяя
<div style="position:relative;width:88px"> <div style="background:url('http://yraaa.ru/test/131/hat_2.png');position:absolute;width:38px;height:52px;overflow:hidden;margin-left:-13px;margin-top:-6px"> </div> $COUNTER$ </div>
Красная
<div style="position:relative;width:88px"> <div style="background:url('http://yraaa.ru/test/131/hat_1.png');position:absolute;width:38px;height:52px;overflow:hidden;margin-left:-13px;margin-top:-6px"> </div> $COUNTER$ </div>