使用 Toolbar.js 實現超酷的 Tooltip 風格工具欄

　　Toolbar.js 是一款幫助你快速建立 Tooltip 風格工具欄的 jQuery 外掛，可以用於網站或者 Web 應用。工具欄的風格可以使用 Twitter Bootstrap 的圖示輕鬆定製，還提供了靈活的工具欄展示位置和圖示數量配置。

官方網站    外掛下載

　　主要特色：

• 簡單的實現，簡單的引數設定；
• 根據需要，可以執行儘可能多的工具欄；
• 工具欄可以連線到所需的任何元素；
• 工具欄的圖示能夠通過流行的 Twitter Bootstrap 框架定製；
• 工具欄能夠響應元素的尺寸變化。

　　使用方法：

　　引入 JavaScript 檔案：

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

　　引入 CSS 檔案：

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

　　定義工具欄 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>	

　　設定工具欄引數：

$('#user-toolbar').toolbar({
	content: '#user-toolbar-options', 
	position: 'top'
});