编程 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 相关文章推荐

js 优化次数过多的循环考虑到性能问题

Mar 05 Javascript

javascript 弹出窗口中是否显示地址栏的实现代码

Apr 14 Javascript

深入理解JavaScript的React框架的原理

Jul 02 Javascript

javascript实现计时器的简单方法

Feb 21 Javascript

Angular 路由route实例代码

Jul 12 Javascript

Bootstrap零基础入门教程(三)

Jul 18 Javascript

详解Bootstrap的iCheck插件checkbox和radio

Aug 24 Javascript

Javascript中arguments对象的详解与使用方法

Oct 04 Javascript

浅谈js对象的创建和对6种继承模式的理解和遐想

Oct 16 Javascript

jquery心形点赞关注效果的简单实现

Nov 14 Javascript

JavaScript实现水平进度条拖拽效果

Jan 18 Javascript

JQuery 进入页面默认给已赋值的复选框打钩

Mar 23 jQuery

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读取和编写XML DOM的实现代码

2011/02/03 PHP

深入解析php中的foreach函数

2013/08/31 PHP

php中引用符号(&)的使用详解

2013/11/13 PHP

详解PHP中array_rand函数的使用方法

2016/09/11 PHP

document.body.scrollTop 值总为0的解决方法比较常见的标准问题

2009/11/30 Javascript

Jquery替换已存在于element上的event的方法

2010/03/09 Javascript

AJAX 网页保留浏览器前进后退等功能

2011/02/12 Javascript

javascript 基础篇2 数据类型，语句，函数

2012/03/14 Javascript

JavaScript实现页面无操作倒计时退出

2016/10/22 Javascript

Angular的$http的ajax的请求操作（推荐）

2017/01/10 Javascript

详解HTML5 使用video标签实现选择摄像头功能

2017/10/25 Javascript

bootstrap下拉框动态赋值方法

2018/08/10 Javascript

Vue使用Proxy监听所有接口状态的方法实现

2019/06/07 Javascript

在Vue项目中,防止页面被缩放和放大示例

2019/10/28 Javascript

vue+element-ui表格封装tag标签使用插槽

2020/06/18 Javascript

vue实现移动端项目多行文本溢出省略

2020/07/29 Javascript

design vue 表格开启列排序的操作

2020/10/28 Javascript

python使用numpy读取、保存txt数据的实例

2018/10/14 Python

详解用python实现基本的学生管理系统(文件存储版)（python3）

2019/04/25 Python

windows系统中Python多版本与jupyter notebook使用虚拟环境的过程

2019/05/15 Python

浅谈Django中的QueryDict元素为数组的坑

2020/03/31 Python

Python爬虫防封ip的一些技巧

2020/08/06 Python

Python 解析库json及jsonpath pickle的实现

2020/08/17 Python

Scrapy基于scrapy_redis实现分布式爬虫部署的示例

2020/09/29 Python

Roxy美国官网：澳大利亚冲浪、滑雪健身品牌

2016/07/30 全球购物

施华洛世奇西班牙官网：SWAROVSKI西班牙

2019/06/06 全球购物

最好的商品表达自己：Cafepress

2019/09/04 全球购物

说出数据连接池的工作机制是什么？

2013/04/19 面试题

介绍一下SQL Server里面的索引视图

2016/07/31 面试题

机械专业个人求职自荐信格式

2013/09/21 职场文书

物流管理毕业生自荐信

2013/10/24 职场文书

搬家公司的创业计划书

2014/01/01 职场文书

Golang 使用Map实现去重与set的功能操作

2021/04/29 Golang

React配置子路由的实现

2021/06/03 Javascript

java如何实现socket连接方法封装

2021/09/25 Java/Android

MYSQL 表的全面总结

2021/11/11 MySQL