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

Провеббер » 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 556 :: Комментарии (27) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#21zloy_seo

  • 13 декабря 2010 14:32
  • Регистрация: 29.05.2010
  • Был(а) онлайн: 30.11.2012
  • Комментариев: 8
  • 0
А я думаю чего у меня ПК лагает, оказывается это долбанный снег boredom

#22jopop

  • 17 декабря 2010 13:50
  • Регистрация: 17.12.2010
  • Был(а) онлайн: 16.09.2012
  • Комментариев: 12
  • 0
та ничего оно не нагружает - юзайте настройки правильно.

#23temapskov

  • 19 декабря 2010 05:23
  • Регистрация: 18.12.2010
  • Был(а) онлайн: 29.12.2019
  • Комментариев: 7
  • 0
Красивенько, спасибо! забираю)

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

#24alprok

  • 25 декабря 2010 02:34
  • Регистрация: 25.12.2010
  • Был(а) онлайн: 9.06.2011
  • Комментариев: 10
  • 0
Установи седня себе. Самое главное в хаке, что снежинки не сильно глазки режут.

#25kontrolyor

  • 26 декабря 2010 02:30
  • Регистрация: 9.04.2010
  • Был(а) онлайн: 2.12.2015
  • Комментариев: 13
  • 0
Дааа, скриптик интересный но проц грузит неподецки, в браузере открыто два окна с этим снегом - два разных примера этого скрипта на сайте автора и всё... проц 100%. Такой снег на сайт нельзя ставить, слабые компы юзерам посадит.

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

#26kagan

  • 26 декабря 2010 23:57
  • Регистрация: 26.12.2010
  • Был(а) онлайн: 26.12.2010
  • Комментариев: 11
  • 0
Скиньте хороший без нагрузки!Люди дорые или пишете для хайда?

#27drKuba

  • 19 декабря 2011 15:00
  • Регистрация: 19.12.2011
  • Был(а) онлайн: 13.12.2012
  • Комментариев: 19
  • 0
самая бесполезная и раздражающая вещь на сайте

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

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

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