Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件

日期：2013-2-22  来源：GBin1.com

在线演示

如果你需要创建漂亮的弹出式工具栏的话，toolbar.js这个 jQuery插件肯定能够帮你大忙，它是一款小巧的弹出式工具栏提示插件。可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap图标来自定义样式，提供了非常灵活的方式来管理你的UI和图标。

主要特性

• 实现的选项简单
• 可以支持运行多个工具栏
• 可以绑定到任何元素上
• 可以方便的通过boostrap框架来支持自定义
• 支持响应式并且能够自适应元素宽度

如何使用

导入类库

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

Javascript代码

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

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>

via gbtags

来源：Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件