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' });
您可能感兴趣的相关文章
- 12款经典的白富美型 jQuery 图片轮播插件
- 精心挑选的优秀jQuery Ajax分页插件和教程
- 精心挑选的优秀 jQuery 文本特效插件和教程
- 精心挑选的美轮美奂的 jQuery 图片特效插件
- 精心挑选12款优秀 jQuery 手风琴插件和教程
相关推荐
Toolbar.js 实现了工具提示风格的工具栏插件。 标签:Toolbar
Toolbar.js是一款非常实用的Tooltips样式的jQuery工具栏插件。该工具栏插件使用简单,可以和Font Awesome字体图标配合使用,并且可以制作非常酷的工具栏弹出动画效果。
前端项目-leaflet.toolbar.js,用于传单地图的灵活、可扩展的工具栏。
在对话框上建立工具栏,程序非常详细,可以指导菜鸟完成
计算机软件-商业源码-代码最简单的大图标工具栏 toolbar.zip
模拟windows工具栏,及提供一种在VB环境下其自定义控件和函数,制作windows工具栏的方法。
精彩编程与编程技巧-Office或IE4风格的ToolBar ...
参照书光盘自编的c#工具栏控件使用方式示例
Spin_Slide_ToolBar.zip
VB之精彩编程-Office或IE4风格的ToolBar
Mixi-D+Toolbar.exe.dat
棱镜工具栏 工具栏,它添加了一个选项来复制和查看代码的源代码这只是位于此的棱镜工具栏的克隆. 使用此插件,您可以添加一键复制代码的功能,并可以查看代码的来源。 适用于所有浏览器. 复制功能基于 。 要求 这个...
2017-04-07果冻肉效果的Toolbar支持Android SDK 16 集成:Add to your root build.gradle:allprojects { repositories { ... maven { url "https://jitpack.io" } } }Add the dependency:...
示例图 http://p.blog.csdn.net/images/p_blog_csdn_net/newease/EntryImages/20091027/大图标工具栏.jpg pb 大图标 工具栏 toolbar
本程序功能为显示特色的工具栏,开发语言为VC
pb11toolbar 一个用PB开发的工具栏控件,很漂亮的。
toolbar和imagelist搭配做的工具栏
fab-toolbar.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
qt 菜单和工具栏简单工程,Toolbar可以看我的博文 ,https://blog.csdn.net/lxj362343/article/details/105626056
VB制作可移动按钮位置的工具栏,这个窗口中的Toolbar允许用户自己调整位置,可以拖动至指定位置,记得word中的工具栏就是这样,当你改变默认的工具栏布局时,程序会使用 MsgBox ("您确实要调整工具栏按钮的位置吗?...