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

王朝互联网·作者佚名  2013-03-01
窄屏简体版  字體: 小  |  中  |  大  |  超大  

在线演示:gbin1.com/gb/share/389.htm

如果你需要创建漂亮的弹出式工具栏的话,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

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航