Toolbar.js:创建提示风格工具条的jQuery插件

发布时间:2013-03-01作者: 邯郸翱翔

如果你需要创建漂亮的弹出式工具栏的话,toolbar.js这个 jQuery插件肯定能够帮你大忙。它是一款小巧的弹出式工具栏提示插件,可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你

 如果你需要创建漂亮的弹出式工具栏的话,toolbar.js这个 jQuery插件肯定能够帮你大忙。它是一款小巧的弹出式工具栏提示插件,可以方便的帮助你快速生成水平或者垂直的工具栏。最酷的地方在于允许你使用 Twitter的bootstrap来自定义样式,提供了非常灵活的方式来管理你的UI和图标。(在线演示 

主要特性 

  • 实现的选项简单
  • 可以支持运行多个工具栏
  • 可以绑定到任何元素上
  • 可以方便的通过boostrap框架来支持自定义
  • 支持响应式并且能够自适应元素宽度

如何使用 

   Html代码

  1. <script src="jquery.min.js"></script>  
  2. <script src="jquery.toolbar.js"></script> 
Javascript代码 
  1. $('#user-toolbar').toolbar({  
  2. content: '#user-toolbar-options',  
  3. position: 'top'  
  4. });  

 

Html代码 
  1. <div id="user-toolbar-options">  
  2. <a href="#"><i class="icon-user"></i></a>  
  3. <a href="#"><i class="icon-star"></i></a>  
  4. <a href="#"><i class="icon-edit"></i></a>  
  5. <a href="#"><i class="icon-delete"></i></a>  
  6. <a href="#"><i class="icon-ban"></i></a>  
  7. </div>  


 

关于我们
翱翔简介
青鸟简介
诚聘精英
在线咨询
热门课程
BCSP软件开发专业
云计算专业
大数据专业
Web前端专业
java开发专业
翱翔就业
就业案例
翱翔荣誉
微信 公众号 在线咨询 免费课程