Јавасцрипт снега ефекат

У раним годинама када сам почео да ради на Интернету нису били много техничких уређаја са којима импресионирати посетиоце.
ДХТМЛ ефекти су једини елемент да обогати странице.

У том контексту, класична користе хиљаде сајтова је снега у зимским месецима.

То је писмо од неколико десетина КБ, ефекат свакако пријатно, али често пада у прегледачу због континуираног преклапање слојева, један за сваки нови генерисана пахуљица.

Ипак претраживања Интернета ЈА праведан оснивати ове старе скрипте, или неке старомодне оживљавање увек врло тежак.

Зашто не направити нешто што се светлу не успорава учитавање страница који не шаље сатуратинг ресурса прегледача и као што не може да нервира читалац?

То 'с шта сам покушао да радим.

Скрипта је тестирана на новијим верзијама популарних прегледача (ИЕ, Фирефок, Цхроме, Опера, итд) Али ја не уназад гарантује компатибилност са старијим прегледачима 3-4 година, у том случају не ради ако се проблем не скрипта. , али неуспех да ажурирате је време да ... :-)

Уколико желите да користите скрипту или писати добро онима којима је то потребно. Само љубазно да не дира део који указује на извор.

Опције су добро документовани, само измените променљиве на врху писма.

  • Број пахуљице;
  • Брзина којом се крећу;
  • Максимална величина пахуљице;
  • Минимална величина пахуљице;
  • Карактер обично пахуљице, или, алтернативно, слика;
  • Боја пахуљице;
  • Непрозирност;
 numerofiocchi = 100 ; var tempo = 300 ; //millisecondi dimensionemassimafiocco = 40 ; //px dimensioneminimafiocco = 8 ; //px caratterefiocco = "*" ; /*consigliati * o punto. / * Сцрипт који генерише снежних падавина на веб страници створио Клаудио Матаррелли цлаудио.матаррелли @ гмаил.цом (Ц) 2009 ввв.матаррелли.цом користи слободно тако дуго да напусти видљиве ауторског * / / / променљива конфигурација вар = нумерофиоццхи 100; вар време = 300 / милисекунди дименсионемассимафиоццо = 40 / пк дименсионеминимафиоццо = 8 / пк цараттерефиоццо = "*", / * препоручује * и тачка.  "#F00" ; trasparenza = 0.5 ; //inizializzazione altre variabili var indice = 0 ; // funzione che genera un fiocco, cioè un * in un div posizionato assolutamente function fiocco ( idfiocco ) { document . write ( '<div id="neve' + idfiocco + '" style="filter:alpha(opacity=' + trasparenza * 100 + ');-moz-opacity:' + trasparenza + ';-khtml-opacity:' + trasparenza + ';opacity: ' + trasparenza + ';color:' + colorefiocco + ';font-size:' + Math . floor ( Math . random ( ) * ( dimensionemassimafiocco - dimensioneminimafiocco + 1 ) + dimensioneminimafiocco ) + 'px; position:fixed; top:' + Math . floor ( Math . random ( ) * screen . height * 0.7 ) + 'px; left:' + Math . floor ( Math . random ( ) * screen . width - 40 ) + 'px">' + caratterefiocco + '</div>' ) } //genera un numero di fiocchi pari a numerofiocchi impostato function generaFiocchi ( ) { for ( indice = 0 ; indice < numerofiocchi ; indice ++ ) { fiocco ( indice ) } } //sposta i fiocchi in modo random ogni volta che passa il tempo impostato function spostaFiocchi ( ) { for ( indice = 0 ; indice < numerofiocchi ; indice ++ ) { document . getElementById ( 'neve' + indice ) . style . top = Math . floor ( Math . random ( ) * screen . height * 0.7 ) + 'px' ; document . getElementById ( 'neve' + indice ) . style . left = Math . floor ( Math . random ( ) * screen . width - 40 ) + 'px' ; } setTimeout ( "spostaFiocchi()" , tempo ) ; } // avvia la generazione dei fiocchi generaFiocchi ( ) ; //esegue lo spostamento continuato spostaFiocchi ( ) ; Или могу бити воском са сликом ознаку <имг срц="хттп://индириззо/иммагине.јпг"> * / цолорефиоццо = "# Ф00" транспарентност = 0.5, / / променљива иницијализује вар индекс = 0; / / Функција која генерише сортирано, то је * функција у апсолутно позиционирани див сортирано (идфиоццо) (доцумент. писати ('<див ид =' снег '+ идфиоццо + "" стиле = "Филтер: алфа (непрозирност =' + ;-мож-Затамњеност: '+ + транспарентност ",-КХТМЛ-непрозирност:' + + транспарентност, провидност Транспарентност * 100 + '):' + транспарентност + '; боја:' + цолорефиоццо + '; фонт-сизе:' +. математику спрат (Матх. случајних () * (дименсионемассимафиоццо - дименсионеминимафиоццо + 1) + дименсионеминимафиоццо) + 'пк поситион: фикед; врху:' + Математика. спрат (Матх. случајних () * екран висине. * 0.7) + 'пк; лево:' + Математика нумерофиоццхи. спрат (Матх. случајних () * - на екрану. ширина 40) + 'пк ">" + цараттерефиоццо +' </ див> ')) / / генерише број пахуљице на једнак генераФиоццхи скуп функција () (за (индекс = 0; индек <нумерофиоццхи; индекс + +) (лук (индекс))) / / померање пахуљице насумично сваки пут када прође време скупа спостаФиоццхи функција () (за (индекс = 0; нумерофиоццхи, индекс + +) (доцумент. гетЕлементБиИд ('снег' + индекс индекс <) стилу. Матх. врху =. спрат (Матх. случајних () * екран висине. * 0.7) + "пк '; документ. гетЕлементБиИд ('снег' + индекс) стилу.. леве = Матх. спрат (Матх. случајних () * 40 на екрану. ширина -) + 'пк';) сетТимеоут ("спостаФиоццхи ()", време);) / / почетак генерисање пахуљице генераФиоццхи () / / покренути смене наставак спостаФиоццхи (); 

Да бисте инсталирали, једноставно отпремите скрипту на свом серверу и укључују дну странице пре </ боди>

  <сцрипт срц="хттп://индириззо/неве.јс" лангуаге="јавасцрипт"> </ сцрипт> 


2 Одговор за "ЈаваСцрипт снега ефекат"

  1. Флавио каже:

    Коначно сте почели планирања?

  2. Заправо радим годинама када имам право стимуланс .. Као поподне код куће са температуром :-)

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