编程 Javascript

jQuery带箭头提示框tooltips插件集锦

Posted in Javascript onNovember 17, 2014

摘要：

之前给大家介绍过用CSS来实现带箭头的提示框，今天我们来点不太一样的，本文将分享几款带箭头提示框。

qtip
qTip是一种先进的提示插件，基于jQuery框架。以用户友好，而且功能丰富，qTip为您提供不一般的功能，如圆角和语音气泡提示，并且最重要的是免费。支持ie6+以及其他主流浏览器
jQuery带箭头提示框tooltips插件集锦

grumble.js
grumble.js提供了特殊的提示，北/东/南/西定位的一般限制。可以围绕一个给定的元素以任意角度旋转，任何距离可以被指定，任何CSS样式可以应用。自动尺寸调整为本地化的文本使用。
jQuery带箭头提示框tooltips插件集锦

cluetip
clueTip插件可以让你轻松展现出奇特的工具提示，当用户的鼠标悬停在（或可选点击）你的脚本中指定的任何元素。如果该元素包含一个title属性，它的文本成为clueTip的标题。
jQuery带箭头提示框tooltips插件集锦

qtip2
qtip2是第二代先进的qTip插件,基于jQuery框架。支持ie6+以及其他主流浏览器。
jQuery带箭头提示框tooltips插件集锦

jtooltip
jQuery-ui提供的tooltip
jQuery带箭头提示框tooltips插件集锦

powertip
powertip采用了非常灵活的设计，易于定制，为您提供了多种不同的方法来使用工具提示，有API的开发人员，并支持添加复杂的数据提示。它正在积极地开发和维护，并提供了非常流畅的用户体验。
jQuery带箭头提示框tooltips插件集锦

colortip
转换元素的标题属性值，变成了一系列丰富多彩的工具提示。六种颜色主题可供选择，让您可以在您的设计的其余部分很容易匹配。
jQuery带箭头提示框tooltips插件集锦 tipsy
tipsy是一个jQuery插件，用于创建基于一个锚标记的title属性类似于Facebook的工具提示效果。

jQuery-tooltip

jQuery带箭头提示框tooltips插件集锦 floatabels

jQuery带箭头提示框tooltips插件集锦 Bootstrap

Popover
Popover用于当用户点击任何原件的子元素显示信息。
jQuery带箭头提示框tooltips插件集锦

sweet
sweet工具提示是一个jQuery和CSS3的基础工具提示，不只是一个风格的提示，这种无意象工具提示使用CSS线性渐变，盒阴影，文字阴影制作。
jQuery带箭头提示框tooltips插件集锦

tooltipster
一个强大，灵活的jQuery插件使您能够轻松地创建具有增强CSS的强大的语义，现代化的工具提示。支持ie8+以及其他主流浏览器
jQuery带箭头提示框tooltips插件集锦

darktooltip
一个简单的自定义工具提示与确认方案和效果。
jQuery带箭头提示框tooltips插件集锦

jCallout
易于使用和实施，只有CSS JQuery的实现（无需图像），可自定义的选项。
jQuery带箭头提示框tooltips插件集锦

小结：

在这几款提示插件中，个人最细化的有sweet、tooltipster、grumble。因为他们样式非常的好看。

以上就是这13款带箭头提示插件的介绍了，小伙伴们使用了没呢？有问题给我留言吧

jQuery带箭头提示框tooltips插件集锦

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jQuery的图片剪切插件

Aug 03 Javascript

高性能Javascript笔记数据的存储与访问性能优化

Aug 02 Javascript

Jquery实现页面加载时弹出对话框代码

Apr 19 Javascript

js面向对象编程之如何实现方法重载

Jul 02 Javascript

浅谈JavaScript 框架分类

Nov 10 Javascript

angular中ui calendar的一些使用心得(推荐)

Nov 03 Javascript

Angular2+如何去除url中的#号详解

Dec 20 Javascript

vue checkbox 全选数据的绑定及获取和计算方法

Feb 09 Javascript

在小程序中使用腾讯视频插件播放教程视频的方法

Jul 10 Javascript

vue基于element的区间选择组件

Sep 07 Javascript

vue--vuex详解

Apr 15 Javascript

js getBoundingClientRect使用方法详解

Jul 17 Javascript

JavaScript实现的内存数据库LokiJS介绍和入门实例

Nov 17 #Javascript

浅谈jQuery异步对象（XMLHttpRequest）

Nov 17 #Javascript

node.js中watch机制详解

Nov 17 #Javascript

z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)

Nov 16 #Javascript

js构造函数、索引数组和属性的实现方式和使用

Nov 16 #Javascript

JQuery表单验证插件EasyValidator用法分析

Nov 15 #Javascript

不到30行JS代码实现Excel表格的方法

Nov 15 #Javascript

You might like

php 遍历目录，生成目录下每个文件的md5值并写入到结果文件中

2016/12/12 PHP

PHP常用的三种设计模式

2017/02/17 PHP

php使用curl获取header检测开启GZip压缩的方法

2018/08/15 PHP

php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析

2020/02/28 PHP

PHP ob缓存以及ob函数原理实例解析

2020/11/13 PHP

js定时器怎么写？就是在特定时间执行某段程序

2013/10/11 Javascript

jquery提交form表单简单示例分享

2014/03/03 Javascript

动态加载iframe时get请求传递中文参数乱码解决方法

2014/05/07 Javascript

Nodejs下DNS缓存问题浅析

2016/11/16 NodeJs

vue中子组件调用兄弟组件方法

2018/07/06 Javascript

jQuery滑动效果实现方法分析

2018/09/05 jQuery

小程序实现五星点评效果

2018/11/03 Javascript

微信小程序全局变量功能与用法详解

2019/01/22 Javascript

jQuery实现ajax的嵌套请求案例分析

2019/02/16 jQuery

js纯前端实现腾讯cos文件上传功能的示例代码

2019/05/14 Javascript

简述Vue中容易被忽视的知识点

2019/12/09 Javascript

Vue生命周期activated之返回上一页不重新请求数据操作

2020/07/26 Javascript

在vue中实现嵌套页面(iframe)

2020/07/30 Javascript

详解JavaScript中的链式调用

2020/11/27 Javascript

python高并发异步服务器核心库forkcore使用方法

2013/11/26 Python

Python日志模块logging简介

2015/04/13 Python

详解在Python程序中自定义异常的方法

2015/10/16 Python

Python使用multiprocessing实现一个最简单的分布式作业调度系统

2016/03/14 Python

Python变量赋值的秘密分享

2018/04/03 Python

HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程使用html5 canvas 绘制精美的图

2015/08/31 HTML / CSS

深入理解HTML5定时器requestAnimationFrame的使用

2018/12/12 HTML / CSS

美国顶级户外凉鞋品牌：Chacos

2017/03/27 全球购物

大学应届生求职简历的自我评价

2013/10/08 职场文书

金融专业大学生自我评价

2014/01/09 职场文书

高二物理教学反思

2014/02/08 职场文书

农村产权制度改革实施方案

2014/03/21 职场文书

民主生活会对照检查材料（统计局）

2014/09/21 职场文书

政府个人对照检查材料思想汇报

2014/10/08 职场文书

2014高三学生考试作弊检讨书

2014/12/14 职场文书

综合素质评价思想道德自我评价

2015/03/09 职场文书

大学自主招生自荐信（2016精选篇）

2016/01/28 职场文书