欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件】，下面是详细的分享！
Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件
在线演示：gbin1.com/gb/share/389.htm
如果你需要创建漂亮的弹出式工具栏的话，toolbar.js这个 jQuery插件肯定能够帮你大忙，它是一款小巧的弹出式工具栏提示插件。可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap图标来自定义样式，提供了非常灵活的方式来管理你的UI和图标。
主要特性
实现的选项简单
可以支持运行多个工具栏
可以绑定到任何元素上
可以方便的通过boostrap框架来支持自定义
支持响应式并且能够自适应元素宽度
如何使用
导入类库
<ｓｃｒｉｐｔ src=http://www.admin5.com/article/20130227/"jquery.min.js"></ｓｃｒｉｐｔ> <ｓｃｒｉｐｔ src=http://www.admin5.com/article/20130227/"jquery.toolbar.js"></ｓｃｒｉｐｔ>
Javascript代码
$('#user-toolbar').toolbar({ content: '#user-toolbar-options', position: 'top' });
HTML代码
<div id="user-toolbar-options"> <a href=http://www.admin5.com/article/20130227/"#"><i class="icon-user"></i></a> <a href=http://www.admin5.com/article/20130227/"#"><i class="icon-star"></i></a> <a href=http://www.admin5.com/article/20130227/"#"><i class="icon-edit"></i></a> <a href=http://www.admin5.com/article/20130227/"#"><i class="icon-delete"></i></a> <a href=http://www.admin5.com/article/20130227/"#"><i class="icon-ban"></i></a> </div> via gbtags
日期：2013-2-22 来源：GBin1.com
以上所分享的是关于Toolbar.Js - 帮助你创建提示风格的工具条jQuery插件，下面是编辑为你推荐的有价值的用户互动：
相关问题：jquery-1.2.6.pack.js是起什么作用的JS插件，它的...
答：1.2.6是jquery很早的版本了，现在的jquery已经升级到1.11.1了。 最新版地址：http://code.jquery.com/jquery-1.11.1.js ... >>详细
相关问题：jquery easyui 怎么动态控制toolbar的显示
答：1、如果你的toolbar是这种新式的： $('#dg').datagrid({ toolbar: '#tb' }); 隐藏toolbar：$('#tb').hide(); 显示toolbar：$('#tb').show(); 2、如果是这种形式的： $('#dg').datagrid({ toolbar: [{ iconCls: 'icon-edit', handler: function()... >>详细
相关问题：jquery easyui 怎么动态控制toolbar的显示
答：display呗，自己用id控制 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-