prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Падающий снег на сайт (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
Просмотры: 13110 VIP ProWebber | Комментарии (27)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1nms

  • 11 декабря 2010 22:22
  • Регистрация: 14.04.2010
  • ICQ: --
  • Комментариев: 1
А его можно на IPB поставить?!

0

#2fdsa1

  • 11 декабря 2010 22:44
  • Регистрация: 17.09.2010
  • ICQ: 626127968
  • Комментариев: 287
  • Выкл.
Ну проверим работает ли етот! ph34r

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

0

#3AvAtAr

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

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

0

#4Dr.redoss

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

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

0

#5ghz

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

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

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

0

#6AvAtAr

  • 11 декабря 2010 22:54
  • Регистрация: 15.05.2010
  • ICQ: 91477666
  • Комментариев: 203
Цитата: flatr0n123
Кому нужно обращайтесь в скайп дам его

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

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

0

#7Neuner

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

0

#8Dr.redoss

  • 11 декабря 2010 23:16
  • Регистрация: 13.11.2010
  • ICQ: 4585514
  • Комментариев: 107
Ясно, спасибо за инфу

0

#9naladchik

  • 11 декабря 2010 23:39
  • Регистрация: 12.09.2010
  • ICQ: 598585676
  • Комментариев: 159
  • Выкл.
прикольно good

0

#10Umid

  • 11 декабря 2010 23:58
  • Регистрация: 5.12.2010
  • ICQ: --
  • Комментариев: 43
Neuner,
Прям в корень попробуй.

0

#11Mel

  • 11 декабря 2010 23:58
  • Регистрация: 8.04.2010
  • ICQ: 565027139
  • Комментариев: 377
Спасибо) поставлю себе к празднику)

0

#12Umid

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

0

#13episode

  • 12 декабря 2010 02:50
  • Регистрация: 29.05.2010
  • ICQ: 553788
  • Комментариев: 47
Залил архив в папку с шаблоном, не работает

0

#14ferno

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

Версия 9.0

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

0

#15CamStyle

  • 12 декабря 2010 04:36
  • Регистрация: 6.05.2010
  • ICQ: 6670833
  • Комментариев: 396
Скрипт хороший НО нагружает процессор под завязку, нахер он такой нужен...

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

0

#16kiber-nik

  • 12 декабря 2010 06:47
  • Регистрация: 28.10.2010
  • ICQ: --
  • Комментариев: 32
maks1192, можешь поделиться?

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

0

#17bkkb

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

0

#18zipa

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

0

#19pleak

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

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

0

#20Knoksi

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

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки