Toolbar.Js - 幫助你創建提示風格的工具條jQuery插件

jjfat 11年前發布 | 7K 次閱讀 jQuery jQuery插件 Bootstrap toolbar 工具條

Toolbar.Js - 幫助你創建提示風格的工具條jQuery插件

如果你需要創建漂亮的彈出式工具欄的話,toolbar.js這個 jQuery插件肯定能夠幫你大忙,它是一款小巧的彈出式工具欄提示插件。可以方便的幫助你快速生成水平或者垂直的工具欄。最酷的地方在于允許你使用 推ter的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

來源:Toolbar.Js - 幫助你創建提示風格的工具條jQuery插件

 本文由用戶 jjfat 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!