Toolbar.js

Toolbar.js 介绍

Toolbar.js是一款非常实用的Tooltips样式的jQuery工具栏插件。该工具栏插件使用简单，可以和Font Awesome字体图标配合使用，并且可以制作非常酷的工具栏弹出动画效果。

Toolbar.js特点：

使用简单，只需配置少量的参数。

内置了一组可选的工具栏按钮。

工具栏可以附加在任何你需要的元素之上。

工具栏按钮可以通过Font Awesome字体图标来定制。

可以定制工具栏的位置，颜色和动画等。

工具栏是响应式的，会在视口缩放时随按钮的位置而动态改变。

使用css3来制作工具栏的动画效果。

兼容IE8+的所有现代浏览器。

Toolbar.js使用方法

使用该jQuery工具栏插件需要在页面中引入jquery和jquery.toolbar.js以及jquery.toolbar.css文件。另外为了使用Font Awesome字体图标还需要引入Font Awesome的相关文件。

<link href="css/jquery.toolbar.css" rel="stylesheet" />

<script src="js/jquery.min.js"></script>

<script src="js/jquery.toolbar.js"></script>

你可以在页面中的任何地方定义工具栏的html结构。但是需要记住的是为工具栏添加一个hidden的class类来将其隐藏。html结构

<div id="toolbar-options" class="hidden">

<a href="#"><i class="fa fa-plane"></i></a>

<a href="#"><i class="fa fa-car"></i></a>

<a href="#"><i class="fa fa-bicycle"></i></a>

</div>

在页面DOM元素加载完毕之后，你可以为任何你需要的DOM元素来附加工具栏，例如：初始化插件

$('#element').toolbar( options );

网站地址:http://paulkinzett.github.com/toolbar/

GitHub:https://github.com/paulkinzett/toolbar

网站描述:一个产生工具列的jQuery插件

Toolbar.js

官方网站：http://paulkinzett.github.com/toolbar/

小编说

以上是编程之家为你收集整理的Toolbar.js全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。