Новогоднее настроение - снежинки jQuery

категория: jQuery
Всех с наступающими праздниками, и новогоднего настроения. Для создания предпраздничного настроения я решил украсить свой сайт падающими снежинками. В этом опять мне помог jQuery. Качаем сначало архив с примерами. Я его нашел тут и вставляем на сервер папку JS как есть. Кто еще не подключил jQuery, то подключаем:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript">
</script>
Подключаем сам скрипт из папки JS:
<script src="{{ STATIC_URL }}js/5sec-snow.js" type="text/javascript"></script>
Вставьте следующий скрипт с настройками между тегами <body></body>:
<script type="text/javascript">
    jQuery(document).ready(function($){
    $.snow({ flake_number: 5,
    flake_folder: '{{ STATIC_URL }}js/ice-24/',
    flake_imgs: 5,
    linked_flakes: 0,
    link: '',
    melt: 550,
    wind: 100,
    rotation: 5,
    speed: 3});
    });
</script>
Настройки: flake_number - Колличество снежинок на экране, желательно не превышать лимит 100. flake_folder - Путь к папке с снежинками, есть несколько вариантов. linked_flakes -Процент снежинок, которые являются ссылками, 0-нет, 50-половина, 100-все. link - URL для снежинок. melt - таяние снежинок в нижней части экрана, 0 для отключения 500 для нормального времени. wind - сила ветра. rotation - скорость вращения снежинок, 4 для нормальной скорости. speed - скорость падения снежинок, 7 - нормально, 12 - быстро. Всем приятных праздников и торжественного настроения :)


blog comments powered by Disqus