Страница 1 из 1

Эффект снега на сайте

СообщениеДобавлено: 16 дек 2009, 15:41
Draft
Скоро Новый Год :) Решил написать свой скрипт снега используя jQuery, наплевав на старые, тяжелые (~ 5-8 килобайт) и тормознутые решения.

Итак ставим:
<script type="text/javascript">
// Snow Effect By Draft : http://www.softers.ru
// Set
snow_intensive=400;
snow_speed=20000;
snow_src='http://www.softers.ru/style/tmpimg/snow1.png';

$(document).ready(snow_start);
function snow_start() {snow_id=1;
snow_y=(document.body.scrollHeight ? document.body.scrollHeight : document.body.offsetHeight)-20;
setInterval(function() {
snow_x=Math.random()*document.body.offsetWidth-100;
snow_img=(snow_src instanceof Array ? snow_src[Math.floor(Math.random()*snow_src.length)] : snow_src);
$("body").append('<img id="snow'+snow_id+'" style="position:absolute; left:'+snow_x+'; top:0;" src="'+snow_img+'">');
$('#snow'+snow_id).animate({top:snow_y,left:"+="+Math.random()*100},snow_speed,function() {
$(this).empty().remove();}); snow_id++;},snow_intensive);}
</script>


Все установлено. Теперь настройки:
// Set
snow_intensive=400;
snow_speed=20000;
snow_src='http://www.softers.ru/style/tmpimg/snow1.png';


snow_intensive - отвечает за интенсивность снега, чем меньше, тем интенсивнее будет идти снег (прошу не ставить слишком маленькое значение и не мучать слабые компьютеры пользователей и их зрение)
snow_speed - скорость снега (чем меньше, тем быстрее)
snow_src - картинка снежинки, можно задать как одиночную картинку, так и в виде массива - тогда снежинки будут случайным образом перемешиваться.
Пример: snow_src=new Array('/snow1.png','/snow2.png','/snow3.gif');

Преимущества моего снега заключаются в минималистичности кода, возможности настроек и кроссбраузерности (работает даже в IE6).
Снежинки двигаются до конца документа и не вылезают на пределы его границ, как это обычно происходит в большинстве снежных скриптах.
Вес кода всего 773 байта.
;)

Re: Эффект снега на сайте

СообщениеДобавлено: 16 дек 2009, 18:51
Sprutik
Спасибо отлично работает.

Re: Эффект снега на сайте

СообщениеДобавлено: 16 дек 2009, 22:49
Vanofuture
Draft писал(а):jQuery
Draft писал(а):наплевав на старые, тяжелые (~ 5-8 килобайт) и тормознутые решения

Итого: никакой разницы :D

Re: Эффект снега на сайте

СообщениеДобавлено: 17 дек 2009, 08:38
Draft
Vanofuture, ну jQuery у всех подключен ;)

Re: Эффект снега на сайте

СообщениеДобавлено: 17 дек 2009, 18:02
Smoke
Норм, но ставить не буду.