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' });
欢迎大家阅读《使用 Toolbar.js 实现超酷的 Tooltip 风格工具栏_js》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：使用 Toolbar.js 实现超酷的 Tooltip 风格工具栏_js
转载请注明原文链接：使用 Toolbar.js 实现超酷的 Tooltip 风格工具栏_js
