Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Падающий снег на сайт (JQuery)

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

Падающий снег на сайт (JQuery)

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Падающий снег на сайт (JQuery).

Падающий снег на сайт (JQuery)


Для работы скрипта необходима библиотека Jquery практически любой версии, png-fix для IE6, сам скрипт и несколько картинок снежинок. Те снежинки, что лежат в архиве, не имеют полупрозрачности, соответственно не очень красиво будут отображаться в браузере поверх небелых элементов. Тут уже каждый сам для себя решит, что ему важнее. Если захотите использовать png24 с полупрозрачностью, то проблем не возникнет. Даже IE6 воспримет это нормально.

Демо страница: demo

А вот и код самого скрипта падающих снежинок:

<script type="text/javascript">
    snow_intensive=400;
    snow_speed=20000;
    snow_src=new Array('sneg1.gif','sneg2.gif','sneg3.gif','sneg4.png');

    $(document).ready(snow_start);

    function snow_start() {
        snow_id=1;
        snow_y=$("#container").height()-30;
        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);
            snow_elem='<img class="png" id="snow'+snow_id+'" style="position:absolute; left:'+snow_x+'px; top:0;z-index:10000" src="'+snow_img+'"/>';
            $("#container").append(snow_elem);
            snow_move(snow_id);
            snow_id++;
        },snow_intensive);
    }

    function snow_move(id) {
        $('#snow'+id).animate({top:snow_y,left:"+="+Math.random()*100},snow_speed,function() {
        $(this).empty().remove();
    });}
</script>


Скрипт имеет несколько настроек:
container='container';
snow_intensive=400;
snow_speed=20000;
snow_src='sneg1.gif';


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


TO USER: Для DLE 9.0 подключать Jquery не нужно (он есть по дефолту).

Внимание! У Вас нет прав для просмотра скрытого текста.


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


0
Просмотры: 15 555 :: Комментарии (27) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1nms

  • 11 декабря 2010 22:22
  • Регистрация: 14.04.2010
  • Был(а) онлайн: 1.03.2013
  • Комментариев: 1
  • 0
А его можно на IPB поставить?!

#2fdsa1

  • 11 декабря 2010 22:44
  • Регистрация: 17.09.2010
  • Был(а) онлайн: 17.07.2015
  • Комментариев: 287
  • 0
Ну проверим работает ли етот! ph34r

--------------------

#3AvAtAr

  • 11 декабря 2010 22:49
  • Регистрация: 15.05.2010
  • Был(а) онлайн: 2.01.2024
  • Комментариев: 203
  • 0
Цитата: nms
А его можно на IPB поставить?!
для ipb есть спец хук который даже настраиваеться через админку cool

--------------------

#4Dr.redoss

  • 11 декабря 2010 22:51
  • Регистрация: 13.11.2010
  • Был(а) онлайн: 24.01.2012
  • Комментариев: 107
  • 0
Есть Js тоже Снег который на любом двиге идёт

Кому нужно обращайтесь в скайп дам его

#5ghz

  • 11 декабря 2010 22:53
  • Регистрация: 5.09.2009
  • Был(а) онлайн: 26.10.2020
  • Комментариев: 147
  • 0
Цитата: flatr0n123
Есть Js тоже Снег который на любом двиге идётКому нужно обращайтесь в скайп дам его

этот тоже пойдет на любой скрипт!

--------------------

#6AvAtAr

  • 11 декабря 2010 22:54
  • Регистрация: 15.05.2010
  • Был(а) онлайн: 2.01.2024
  • Комментариев: 203
  • 0
Цитата: flatr0n123
Кому нужно обращайтесь в скайп дам его

а этот разве не для любого двига?

--------------------

#7Neuner

  • 11 декабря 2010 23:02
  • Регистрация: 13.09.2010
  • Был(а) онлайн: 11.08.2020
  • Комментариев: 53
  • 0
jquery-snow.zip куда ложить ? Там снежинки и многое другое лежит. Что делать ?

#8Dr.redoss

  • 11 декабря 2010 23:16
  • Регистрация: 13.11.2010
  • Был(а) онлайн: 24.01.2012
  • Комментариев: 107
  • 0
Ясно, спасибо за инфу

#9naladchik

  • 11 декабря 2010 23:39
  • Регистрация: 12.09.2010
  • Был(а) онлайн: 8.02.2023
  • Комментариев: 159
  • 0
прикольно good

#10Umid

  • 11 декабря 2010 23:58
  • Регистрация: 5.12.2010
  • Был(а) онлайн: 13.02.2012
  • Комментариев: 43
  • 0
Neuner,
Прям в корень попробуй.

#11Mel

  • 11 декабря 2010 23:58
  • Регистрация: 8.04.2010
  • Был(а) онлайн: 22.02.2018
  • Комментариев: 376
  • 0
Спасибо) поставлю себе к празднику)

#12Umid

  • 12 декабря 2010 00:11
  • Регистрация: 5.12.2010
  • Был(а) онлайн: 13.02.2012
  • Комментариев: 43
  • 0
Хе-хе не получилось =)

#13episode

  • 12 декабря 2010 02:50
  • Регистрация: 29.05.2010
  • Был(а) онлайн: 3.10.2013
  • Комментариев: 47
  • 0
Залил архив в папку с шаблоном, не работает

#14ferno

  • 12 декабря 2010 03:07
  • Регистрация: 8.02.2010
  • Был(а) онлайн: 31.12.2013
  • Комментариев: 15
  • 0
Аналогично, не работает ;( Изображение со снегом закинул в images с шаблоном, скрипт уже и в шапке прописывал, и в теле, не фига не хочет. адрес до картинок прописывал как {THEME}/images так и _http://мойсайт.ру/templates/OkNewDecember2010/images... все равно не пашет wacko

Версия 9.0

--------------------

#15CamStyle

  • 12 декабря 2010 04:36
  • Регистрация: 6.05.2010
  • Был(а) онлайн: 19.03.2014
  • Комментариев: 394
  • 0
Скрипт хороший НО нагружает процессор под завязку, нахер он такой нужен...

А себе я уже давно поставил скрипт снега без нагрузки, работает как часики, доволен.

#16kiber-nik

  • 12 декабря 2010 06:47
  • Регистрация: 28.10.2010
  • Был(а) онлайн: 14.06.2014
  • Комментариев: 32
  • 0
maks1192, можешь поделиться?

--------------------

#17bkkb

  • 12 декабря 2010 13:30
  • Регистрация: 18.12.2009
  • Был(а) онлайн: 3.05.2015
  • Комментариев: 219
  • 0
все работает есле есть прямые руки постваил пашет очень даже крассиво на темных шаблонах. Помню года 2 назад ставил чтото подобное но там было лучше там прямо сугробв наметало и снег какбы ветром разганялся очень крассиво было а этот скрипт простой и старый очень

#18zipa

  • 12 декабря 2010 15:29
  • Регистрация: 7.02.2010
  • Был(а) онлайн: 19.10.2021
  • Комментариев: 11
  • 0
Да, процессор подгружает((
maks1192, кинь ссылку который не грузит!

#19pleak

  • 12 декабря 2010 16:51
  • Регистрация: 15.02.2010
  • Был(а) онлайн: 12.10.2021
  • Комментариев: 139
  • 0
maks1192, да, да, если не жалко, делись.
P.S. плюс в репутацию заработаешь)

--------------------

#20Knoksi

  • 13 декабря 2010 02:10
  • Регистрация: 4.10.2010
  • Был(а) онлайн: 11.02.2012
  • Комментариев: 39
  • 0
Этот "чудо снег" нагружает 4-ядерный процессор на 25%. имейте ввиду.

--------------------

1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Декабрь 2024 (10)
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)

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