скоро новый год :)

4
Не нравитсяНравится (-1 rating, 1 votes)
Loading ... Loading ...

Не знаю многим ли будет полезно, но некоторым нравится.

Вообщем снежок на сайте и отсчет времени до нового года.

Чтобы на вашем сайте появился отсчет времени до нового года, нужно вставить (в том месте где он должен выводится) код:

<span id="newyear" style="font-size:16px; color:#ffffff"></span>
 
  <script type="text/javascript">
  function newYearIn()
  {
  var now = new Date();
  var newYear = new Date("Jan,01,2009,00:00:00");
  var totalRemains = (newYear.getTime()-now.getTime());
  if (totalRemains&gt;1)
  {
  var RemainsSec=(parseInt(totalRemains/1000));
  var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));
  var secInLastDay=RemainsSec-RemainsFullDays*24*3600;
  var RemainsFullHours=(parseInt(secInLastDay/3600));
  if (RemainsFullHours&lt;10){RemainsFullHours="0"+RemainsFullHours};
  var secInLastHour=secInLastDay-RemainsFullHours*3600;
  var RemainsMinutes=(parseInt(secInLastHour/60));
  if (RemainsMinutes&lt;10){RemainsMinutes="0"+RemainsMinutes};
  var lastSec=secInLastHour-RemainsMinutes*60;
  if (lastSec&lt;10){lastSec="0"+lastSec};
  var mcend = Date.parse("Jan 1, 2009, 00:00:00");
  var mcnow = now.getTime();
  var mc = ((mcend-mcnow)/10).toFixed(0).substr(8);
  document.getElementById('newyear').innerHTML = "&amp;nbsp;&amp;nbsp;До Нового Года осталось: &lt;br&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;b&gt; "+RemainsFullDays+" дней "+RemainsFullHours+":"+RemainsMinutes+":"+lastSec+"&lt;/b&gt;";
  setTimeout("newYearIn()",1000);
  }
  else {document.getElementById("newyear").innerHTML = "C НОВЫМ ГОДОМ !!!";}
  }
newYearIn();
 
  </script>

Сам текст меняется внутри функции, а цвет в стиле тега <span>
Пример можно увидеть тут на сайте вверху.

Снежок на сайте. Пример – тут.
Для этого нужно внизу странички (или где угодно) вставить код:

<script type="text/javascript">
  function rnd(){return Math.random();}
  function xRnd(){return (rnd()/10);}
  function yRnd(){return (2+2*(.5-rnd()));}
  var letitsnow=true;
  var flakes=Array("http://site.com.ua/images/sneg.gif", "http://site.com.ua/images/sneg2.gif");
  var numflakes=20;
  var GheosTime=80;
  var Gheosdx,GheosxPos,GheosyPos,vx,vy,GheosObj,iVar;
  var winwidth=800;
  var winheight=600;
//setTimeout("snowSwitch('off');", 30000);
function sizeIt(){
  window.winwidth=document.body.clientWidth;
  window.winheight=document.body.clientHeight;
  //window.winheight=document.height;
  }
  Gheosdx=new Array();
  GheosxPos=new Array();
  GheosyPos=new Array();
  sway=new Array();
  var swaymax=20;
  vx=new Array();
  vy=new Array();
  sizeIt();
  document.write('&lt;STYLE TYPE="text/css"&gt;\n.flk {position:absolute;top:-100; z-index: 100; left: 0px;}&lt;\/STYLE&gt;');
  for(iVar=0;iVar&lt;numflakes;iVar++){
  var thisflake=''+flakes[Math.floor(rnd()*flakes.length)];
  Gheosdx[iVar]=0;
  GheosxPos[iVar]=rnd()*(window.winwidth-30)+10;
  GheosyPos[iVar]=rnd()*window.winheight;
  sway[iVar]=rnd()*swaymax;
  vx[iVar]=xRnd();
  vy[iVar]=yRnd();
  document.write('&lt;DIV ID="f'+iVar+'" CLASS="flk"&gt;&lt;IMG SRC="'+thisflake+'" BORDER="0"&gt;&lt;\/DIV&gt;');
  }
  function snowMove(id,left,top){
  GheosObj=document.getElementById?document.getElementById(id).style:
  document.all?document.all[id].style:
  document.layers?document.layers[id]:null;
  //GheosObj=document.getElementById(id).style:
  if(GheosObj){
  GheosObj.left=left+'px';
  GheosObj.top=top+'px';
  }
  }
function snowSwitch(s){
  if(s=='on'){
  if(window.letitsnow!=true){
  window.letitsnow=true;
  doSnow();
  }
  } else if(s=='off'){
  window.letitsnow=false;
  hideSnow();
  }
  }
function hideSnow(){
  for(jVar=0;jVar&lt;numflakes;++jVar)snowMove('f'+jVar,-100,-100);
  }
function doSnow(){
  if(letitsnow){
  sizeIt();
  delta=(window.pageYOffset!=null)?window.pageYOffset:document.body.scrollTop;
  for(kVar=0;kVar&lt;numflakes;++kVar){
  GheosyPos[kVar]+=vy[kVar];
  if(GheosyPos[kVar]&gt;window.winheight+delta-20){
  GheosxPos[kVar]=rnd()*(window.winwidth-sway[kVar]-30);
  GheosyPos[kVar]=delta;
  vx[kVar]=xRnd();
  vy[kVar]=yRnd();
  }
  Gheosdx[kVar]+=vx[kVar];
  snowMove('f'+kVar,GheosxPos[kVar]+sway[kVar]*Math.cos(Gheosdx[kVar]),GheosyPos[kVar]);
  }
  setTimeout("doSnow()",GheosTime);
  }
  }
setTimeout("sunshine()",30000);
  function sunshine(){
  snowSwitch('off');return false;
  }
doSnow();
  //setTimeout("doSnow()",500);
 </script>

В 5-й строчке нужно только прописать пути к файлам двух снежинок:

Я играю в Blogowar.ru, чего и вам советую.



| | Еще

Просмотров: 1

Похожие записи:

4 Комментариев

  1. ethicleNo Gravatar:

    Ага, теперь понятно…А то я сразу не очень то и не понял где тут связь с самим заголовком…

  2. BakinskiyAvtosNo Gravatar:

    Автор, а скажите а куда написать по поводу обмена ссылок (на какое мыло)?

  3. vkontakte.ru АртемNo Gravatar:

    artem [собака] easyweb.org.ua

  4. mobilochkaNo Gravatar:

    Хорошая статья, узнал много нового!)

Оставить комментарий


WebComplIT banner
© 2008-2010 EasyWeb.org.ua. All rights reserved.