jQuery-плагин для создания прелоадера в стиле material design

December 12, 2014

Material Preloader — это jQuery-плагин для создания прелоадера в стиле material design.

Как использовать?

Для начала подключаем jQuery и materialPreloader.js после него.


Также необходимо подключить таблицу стилей 'materialPreloader.css'.

Вы можете настраивать плагин как пожелаете.

Затем вы можете вызывать следующие функции для включения и выключения прелоадера:

preloader.on();
preloader.off();

Настройки плагина













Настройка Обязательно Описание Варианты По умолчанию
position Нет Позиция размещения прелоадера top/bottom bottom
height Нет Толщина прелоадера от 0 и более 5px
col_1 Нет Цвет 1 любые цвета #159756
col_2 Нет Цвет 2 любые цвета #da4733
col_3 Нет Цвет 3 любые цвета #3b78e7
col_4 Нет Цвет 4 любые цвета #fdba2c
fadeIn Нет Скорость в милисекундах любая скорость 200
fadeOut Нет Скорость в милисекундах любая скорость 200

Поддержка браузерами

Chrome
Safari
Firefox
В IE не тестировалось. Отпишитесь кто попробует.

Комментарии

comments powered by Disqus