Toolbar.js:创建提示风格工具条的jQuery插件
程序员文章站
2022-06-16 22:45:59
...
如果你需要创建漂亮的弹出式工具栏的话,toolbar.js这个 jQuery插件肯定能够帮你大忙。它是一款小巧的弹出式工具栏提示插件,可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap来自定义样式,提供了非常灵活的方式来管理你的UI和图标。(在线演示)
主要特性
1. 导入类库
2. Javascript代码
3. HTML代码
Via gbtags
主要特性
- 实现的选项简单
- 可以支持运行多个工具栏
- 可以绑定到任何元素上
- 可以方便的通过boostrap框架来支持自定义
- 支持响应式并且能够自适应元素宽度
1. 导入类库
<script src="jquery.min.js"></script> <script src="jquery.toolbar.js"></script>
2. Javascript代码
$('#user-toolbar').toolbar({ content: '#user-toolbar-options', position: 'top' });
3. 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
下一篇: PS教程(二)