Webbell » DLE Хаки и советы » Падающий снег на сайте
Правила Контакты Чтение RSS

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

У нас вы можете скачать бесплатно Падающий снег на сайте .

Не пропустите комментарии к Падающий снег на сайте.
Данный материал предоставлен сайтом Webbell.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Падающий снег на сайте


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


Вставляем это в ваш шаблон:
<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 не нужно (он есть по дефолту).

jquery-snow.rar [26,74 Kb] (cкачиваний: 156)


Назад
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

«    Май 2018    »
ПнВтСрЧтПтСбВс
 
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
 
Яндекс Апдейты
↓ Апдейты Яndex тИЦ
18.11.2017 ←Последний
04.11.2017
16.08.2017
↓ Апдейты выдачи Яndexa
22.05.2018 ←Последний
20.05.2018
18.05.2018
↓ Апдейты ЯКаталога
16.01.2018 ←Последний
20.12.2017
15.12.2017
Мы рекомендуем
Заработай на сайте!
Gogetlinks-Биржа вечных ссылок для сайтов с Тиц
Getgoodlinks-Биржа вечных ссылок для сайтов с PR


Опрос на портале

Сколько у вас сайтов?

Больше 20 сайтов
От 10 до 20 сайтов
От 5 до 10 сайтов
От 1 до 5 сайтов
Нету сайтов

Наш архив
Облако тегов
ajax, Build, DataLife, dle, dle 9.0, dle 9.2, Engine, Final, Google, Opera, Release, RSS, WordPress, адаптация, административная панель, бесплатно, виджет, Игровой, кино, комментарии, модуль, новости, Новый, Оригинал, парсер, парсер поисковых систем yandex google рассылка комментариев по DLE Joomla Community спаммер раскрутк, Переходы, плагин wordpress, сайта, сайтов, сбор данных телефонов адресов email контактов потенциальные клиенты BlackSpider универсальный сборщи, тема, тематики, универсальный, хак, хак wordpress, Шаблон, шаблона, Яндекс

Показать все теги
Последние комментарии
Популярные файлы

Информация!
Уважаемый посетитель! Присоединяйтесь к нам
в Твиттере.