tooltip style toolbars with jQuery

Home Tooltips tooltip style toolbars with jQuery

tooltip style toolbars with jQuery

11 years ago Views

18728

4255

paulkinzett

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.

Features

Straightforward implementation with simple options
Can run as many toolbars as required
Toolbars can be attached to any element required
Toobar icons are easily customised through the popular twitter bootstrap framework
Toolbars are responsive and follow the element on resize

Usage

Include the plugin javascript file along with jquery

<script src="jquery.min.js"></script>
<script src="jquery.toolbar.js"></script>

Include the css files

<link href="jquery.toolbar.css" rel="stylesheet" />
<link href="bootstrap.icons.css" rel="stylesheet" />

Define your toolbar HTML

<div id="user-toolbar-options">
	<a href="#"><i class="icon-user"></i></a>
	<a href="#"><i class="icon-star"></i></a>
	<a href="#"><i class="icon-edit"></i></a>
	<a href="#"><i class="icon-delete"></i></a>
	<a href="#"><i class="icon-ban"></i></a>
</div>

Tag: toolbar