好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Toolbar.js-实用的tooltip样式jQuery工具栏插件_html/css_WEB-IT

简要教程

Toolbar.js是一款非常实用的Tooltips样式的jQuery工具栏插件。类似的HTML5中国还分享过一款使用 纯javacript编写的轻量级tooltips工具提示插件html5 tooltipsjs ;Toolbar.js使用非常简单,可以和Font Awesome字体图标配合使用,并且可以制作非常酷的工具栏弹出动画效果。它的特点还有:

使用简单,只需配置少量的参数。 内置了一组可选的工具栏按钮。 工具栏可以附加在任何你需要的元素之上。 工具栏按钮可以通过Font Awesome字体图标来定制。 可以定制工具栏的位置,颜色和动画等。 工具栏是响应式的,会在视口缩放时随按钮的位置而动态改变。 使用CSS3来制作工具栏的动画效果。 兼容IE8+的所有现代浏览器。

查看演示 下载插件

使用方法

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

     

HTML结构

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

查看更多关于Toolbar.js-实用的tooltip样式jQuery工具栏插件_html/css_WEB-IT的详细内容...

  阅读:38次