Кодировка HTML | Демо-сайт CMS uCoz | Почта

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

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .

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

Сообщение Draft » 16 дек 2009, 15:41

Скоро Новый Год :) Решил написать свой скрипт снега используя 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 байта.
;)
Пишу скрипты для uCoz под заказ. Стучать в ICQ[/b]
Аватара пользователя
Draft
Модератор
Модератор
 
Автор темы
Сообщения: 722
Возраст: 27
Зарегистрирован: 21 апр 2008, 11:37
Карма: + 24 -
Откуда: Saint :P

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

Сообщение Sprutik » 16 дек 2009, 18:51

Спасибо отлично работает.
Sprutik
Подполковник
Подполковник
 
Сообщения: 154
Зарегистрирован: 07 май 2008, 22:00
Карма: + 0 -

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

Сообщение Vanofuture » 16 дек 2009, 22:49

Draft писал(а):jQuery
Draft писал(а):наплевав на старые, тяжелые (~ 5-8 килобайт) и тормознутые решения

Итого: никакой разницы :D
Аватара пользователя
Vanofuture
Супермодератор
Супермодератор
 
Сообщения: 1411
Зарегистрирован: 20 апр 2008, 09:36
Карма: + 47 -

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

Сообщение Draft » 17 дек 2009, 08:38

Vanofuture, ну jQuery у всех подключен ;)
Пишу скрипты для uCoz под заказ. Стучать в ICQ[/b]
Аватара пользователя
Draft
Модератор
Модератор
 
Автор темы
Сообщения: 722
Возраст: 27
Зарегистрирован: 21 апр 2008, 11:37
Карма: + 24 -
Откуда: Saint :P

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

Сообщение Smoke » 17 дек 2009, 18:02

Норм, но ставить не буду.
Аватара пользователя
Smoke
Супермодератор
Супермодератор
 
Сообщения: 1038
Возраст: 28
Зарегистрирован: 01 фев 2009, 16:20
Карма: + 14 -
Откуда: Нижний Новгород


Вернуться в Скрипты и интересные решения

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 3

cron