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

 

  在线演示: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

时间: 2024-12-09 15:01:38

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

js点击出现悬浮窗效果不使用JQuery插件

 JQuery有很多这样的插件,但本文的这个是跟着自己的想法写的,也不知道他人是如何实现的,感兴趣的朋友可以了解下 JQuery有很多这样的插件,但是我们公司不用jquery,没有插件,所以我就试着自己写,我也不知道别人是怎么写的,纯粹是按着自己的想法来的.    直接上代码:   代码如下: <!DOCTYPE html>  <html>  <head>  <meta charset="utf-8">  <title>Dem

js点击出现悬浮窗效果不使用JQuery插件_javascript技巧

JQuery有很多这样的插件,但是我们公司不用jquery,没有插件,所以我就试着自己写,我也不知道别人是怎么写的,纯粹是按着自己的想法来的. 直接上代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo</title> <script type="text/javascript">

jquery toolbar与网页浮动工具条具体实现代码

toolbar 网页浮动工具条非常实用的一个功能,下面为大家介绍下使用jquery如何快速做到 jquery 实现toolbar与网页浮动工具条jQuery实现方法  /*  基本StructureWe'll更新index.php教程的HTML代码和对新闻联播style.css教程中的CSS代码.    我们建立了一个固定的面板(ID为工具栏组)两个浮动方面,我们将在第二个步骤与他们的图标和提示气泡(左),一个快速菜单和"隐藏按钮列表"(添加到隐藏工具栏).  我们还可以期待一个&qu

jquery toolbar与网页浮动工具条具体实现代码_jquery

jquery 实现toolbar与网页浮动工具条jQuery实现方法 /* 基本StructureWe'll更新index.php教程的HTML代码和对新闻联播style.css教程中的CSS代码. 我们建立了一个固定的面板(ID为工具栏组)两个浮动方面,我们将在第二个步骤与他们的图标和提示气泡(左),一个快速菜单和"隐藏按钮列表"(添加到隐藏工具栏). 我们还可以期待一个"显示按钮",它是有用的,当面板隐藏,我们要重新激活它.基于这个原因,我们添加id为toolb

JS基于FileSystemObject创建一个指定路径的TXT文本文件_javascript技巧

本文实例讲述了JS基于FileSystemObject创建一个指定路径的TXT文本文件.分享给大家供大家参考.具体如下: Js创建一个指定路径的TXT文本文件,创建一个新的new ActiveXObject对象,使用这个对象的CreateTextFile方法来创建一个指定路径的TXT文本文件,简单吧? 在IE浏览器上运行该实例会有对应的安全提示,选择"允许阻止的内容",使程序正常运行即可.如下图所示: 文本文件创建成功后提示如下: 若文本文件已存在,则有如下提示: 具体代码如下: &l

js中动态创建json,动态为json添加属性、属性值的实例_javascript技巧

如下所示: var param = {}; for(var i=0;i<fields.length;i++){ var field = fields[i]; if(field.searchCondition != undefined && $('#search'+field.name).val() != ''){ param["search."+field.name]=$('#search'+field.name).val(); } } 在js中,一个[]认为是数

js显示文本框提示文字的方法

  这篇文章主要介绍了js显示文本框提示文字的方法,涉及javascript鼠标事件及样式操作的相关技巧,非常简单实用,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 <!DOCTYPE html PUBLIC "-

js 动态添加创建 iframe

一款简单实例的js 动态添加创建 iframe哦,他可以动态添加iframe哦,只要你指定一个id编码就ko了.下面看看增加代码 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/

myeclipse工具出问题了,在js代码中Alt+/提示东西的时候,报了下面的错误

问题描述 myeclipse工具出问题了,在js代码中Alt+/提示东西的时候,报了下面的错误 rt,求解决 解决方案 看不到信息,能不能重新截图 解决方案二: 看不到图片,没法判断,为什么不用eclipse.个人感觉eclipse很好用.http://www.kxikx.com/index.jsp