Toolbar.Js - функциональные всплывающие подсказки
Веб интерфейсы / 21-06-2015, 13:19
Toolbar.Js - плагин, который позволяет быстро создавать панели инструментов со всплывающими подсказками для использования в веб-приложениях и веб-сайтах. Панель легко настраивается с помощью Font Awesome (шрифтовые иконки), что обеспечивает гибкость в установке панели инструментов.
Особенности
Простой реализация.
Включает в себя набор кнопок CSS для использования с панелями инструментов.
Вы можете запускать столько панелей, сколько потребуется.
Панели могут подключаться к любому элементу.
Toolbar легко настроить через популярный сервис шрифтов Font Awesome.
Множество вариантов настройки анимации и событий.
Подсказки адаптивны.
В качестве анимации используется CSS3.
Установка Toolbar:
1. Скачать исходные файлы плагина
2. Подключаем javavascript:
3. Подключаем CSS файл:
4. Вставляем этот код на страницу, где хотите использовать подсказки
5. Задействуем рабочее состояние нашему плагину:
Особенности
Простой реализация.
Включает в себя набор кнопок CSS для использования с панелями инструментов.
Вы можете запускать столько панелей, сколько потребуется.
Панели могут подключаться к любому элементу.
Toolbar легко настроить через популярный сервис шрифтов Font Awesome.
Множество вариантов настройки анимации и событий.
Подсказки адаптивны.
В качестве анимации используется CSS3.
Установка Toolbar:
1. Скачать исходные файлы плагина
2. Подключаем javavascript:
<script src="jquery.toolbar.js"></script>
3. Подключаем CSS файл:
<link href="jquery.toolbar.css" rel="stylesheet" />
4. Вставляем этот код на страницу, где хотите использовать подсказки
<div id="toolbar-options" class="hidden">
<a href="#"><i class="fa fa-plane"></i></a>
<a href="#"><i class="fa fa-car"></i></a>
<a href="#"><i class="fa fa-bicycle"></i></a>
</div>
5. Задействуем рабочее состояние нашему плагину:
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#element').toolbar( options );
});
</script>