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/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。