EasyWeb.org.ua
  • Главная
    • shop-script
    • акции
    • php
    • javascript
    • joomla
    • wordpress
    • docs
    • internet
    • объявления
    • other
  • Вопрос ответ
  • Портфолио
  • Модули
  • Обратная связь
  • О блоге
    • Каталог сайтов
    • Карта сайта
Главная » javascript » скоро новый год :)
Дек28 5

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

Опубликовано в javascript, other

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

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

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

<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, чего и вам советую.

Метки: javascript, отсчет времени, снег на сайте

« Предыдущая запись

ввод даты, календарь javascript

Следующая запись»

1234567890



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

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

  • календарь javascript, jquery
  • ввод даты, календарь javascript

5 Коммент.

  1. ethicle | 2 января 2009 at 23:28

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

    Ответить
  2. BakinskiyAvtos | 5 января 2009 at 23:06

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

    Ответить
  3. Артем | 5 января 2009 at 23:26

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

    Ответить
  4. mobilochka | 26 января 2009 at 19:31

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

    Ответить
  5. Вика | 31 декабря 2010 at 12:41

    Здорово

    Ответить

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

  • Twitter
  • Facebook
  • VK
  • RSS


| |

Последние комментарии

  • Артем к записи Фильтр по ценам
  • Виктор к записи Фильтры в Webasyst Shop-Script
  • Виктор к записи Фильтр по ценам
  • Артем к записи дерево категорий по-своему (shop-script)
  • Максим к записи дерево категорий по-своему (shop-script)

Самые комментируемые

  • Автоматическое заполнение рекомендуемых товаров (145)
  • дерево категорий по-своему (shop-script) (135)
  • Фильтры в Webasyst Shop-Script (62)
  • WP Cumulus для Shop-Script исправленный (58)
  • Оплата через LiqPay для Shop-Script (51)
  • WP Cumulus для Joomla и Shop-Script (50)
  • Две цены в WA Shop-Script (49)

Самые читаемые

  • Фильтры в Webasyst Shop-Script - 13 101 просмотров
  • дерево категорий по-своему (shop-script) - 12 217 просмотров
  • ввод даты, календарь javascript - 9 738 просмотров
  • Автоматическое заполнение рекомендуемых товаров - 8 224 просмотров
  • Бренды в Webasyst Shop-Script - 8 064 просмотров
  • Модули - 8 019 просмотров
  • Слайдер в списках продуктов - 6 223 просмотров

Архивы







Поддерживать ежемесячно с помощью Donutor

Свежие записи

  • Руководство пользователя Joomla 2.5
  • Вкладки на странице продукта
  • Весенние скидки от WebAsyst
  • Обновление Shop-Script
  • Фильтр по ценам

друзья

  • at-home
  • Fisher — сотовые телефоны
  • WebAsyst
  • Zdorovy.in.ua

Счетчики

www.megastock.ruЯндекс.Метрика

Мета

  • Войти
  • RSS записей
  • RSS комментариев
  • WordPress.org

© 2008-2012 EasyWeb.org.ua | Дизайн elegantthemes.com | Разработано на CMS WordPress