Responsive, customizable toolbar plugin – jQuery Toolbar

jQuery Toolbar is a plugin that makes it so easy to create customizable toolbars for web applications.

jQuery Toolbar

A nice jQuery plugin that creates tooltip style toolbars. It allows us to quickly create tooltip style toolbars, for use in web applications and websites. The toolbar is easily customisable using Font Awesome icons. It also provides flexibility around the toolbars display and number of icons.

Some features:

– Includes a set of css buttons for use with the toolbars, we can run many toolbars

– Toolbars can be attached to any element

– Toobar icons can be easily customised

– Toolbars are responsive and follow the buttons on resize

– Makes full use of CSS3 for animations

and others!

Basic usage:

<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>

$('#button').toolbar({
  content: '#toolbar-options',
});

Demos & docs:

http://paulkinzett.github.io/toolbar

GitHub / Download:

https://github.com/paulkinzett/toolbar

See also:

http://javascript-html5-tutorial.net/2017/01/06/medium-js-control-of-content-editable.html

http://javascript-html5-tutorial.com

Enjoy!