Летающие частицы чезез плагин jQuery Firefly
Данный плагин позволяет добавить на ваш сайт летающие частицы. На этот раз реализация на jQuery
Для начала посмотрите ДЕМО
Моё тестирование в редакторе: КЛИК
Официальная страница на Github: КЛИК
Установка:
1#: После /head на нужных страницах вставьте:
1 2 3 4 5 6 7 8 9 10 |
<script type="text/javascript" src="/js/jquery.firefly-0.5-min.js"></script> <script> $(function() { $.firefly({ images: ['/img/spark1.png', '/img/spark2.png'], // Какие картинки использовать для частиц total: 50, // Количество частиц on: '.apofirefly' // В блок с каким классом поместить частицы }); }); </script> |
2#: В самый низ вашего CSS вставьте:
1 2 3 4 |
.apofirefly { width: 904px; height: 240px; } |
3#: В то место, где должен быть блок с летающими частицами, вставьте:
1 |
<div class="apofirefly"></div> |
Осталось лишь залить JS файл из прикреплённого архива в папку js и две картинки в папку img