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

图片延迟加载的实现代码(模仿懒惰)

Mar 29 Javascript

jQuery当鼠标悬停时放大图片的效果实例

Jul 03 Javascript

深入分析JSON编码格式提交表单数据

Jun 25 Javascript

javascript中alert()与console.log()的区别

Aug 26 Javascript

Bootstrap每天必学之导航组件

Apr 25 Javascript

JavaScript知识点总结(十六)之Javascript闭包（Closure）代码详解

May 31 Javascript

深入理解requestAnimationFrame的动画循环

Sep 20 Javascript

微信小程序页面跳转如何实现传值

Apr 05 Javascript

原生js jquery ajax请求以及jsonp的调用方法

Aug 04 jQuery

解决VUE框架导致绑定事件的阻止冒泡失效问题

Feb 24 Javascript

vue elementui 实现搜索栏公共组件封装的实例代码

Jan 20 Javascript

arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)

Jan 28 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

一个程序下载的管理程序(四)

2006/10/09 PHP

php入门小知识

2008/03/24 PHP

php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法

2014/11/11 PHP

Javascript 不能释放内存.

2006/09/07 Javascript

javascript取消文本选定的实现代码

2010/11/14 Javascript

JavaScript自定义数组排序方法

2015/02/12 Javascript

浅谈javascript中this在事件中的应用

2015/02/15 Javascript

javascript实现删除前弹出确认框

2015/06/04 Javascript

javascript中日期函数new Date()的浏览器兼容性问题

2015/09/05 Javascript

微信小程序-详解数据缓存

2016/11/24 Javascript

详解MVC如何使用开源分页插件（shenniu.pager.js）

2016/12/16 Javascript

jQuery事件对象的属性和方法详解

2017/09/09 jQuery

Vue实现自定义下拉菜单功能

2018/07/16 Javascript

vue实现简易计算器功能

2021/01/20 Vue.js

[00:26]TI7不朽珍藏III——冥界亚龙不朽展示

2017/07/15 DOTA

python实现闹钟定时播放音乐功能

2018/01/25 Python

基于循环神经网络(RNN)实现影评情感分类

2018/03/26 Python

python多线程之事件Event的使用详解

2018/04/27 Python

Python 调用 zabbix api的方法示例

2019/01/06 Python

wxPython之wx.DC绘制形状

2019/11/19 Python

基于python中__add__函数的用法

2019/11/25 Python

pytorch 限制GPU使用效率详解(计算效率)

2020/06/27 Python

Python制作数据预测集成工具（值得收藏）

2020/08/21 Python

使用HTML5加载音频和视频的实现代码

2020/11/30 HTML / CSS

乌克兰设计师和品牌的服装：Love&Live

2020/04/14 全球购物

注塑工厂厂长岗位职责

2013/12/02 职场文书

特色冷饮店创业计划书

2014/01/28 职场文书

中级会计职业生涯规划书

2014/03/01 职场文书

农村婚礼主持词

2014/03/13 职场文书

学习型党组织建设经验材料

2014/05/26 职场文书

七一讲话心得体会

2014/09/05 职场文书

讲文明倡议书

2015/04/29 职场文书

2015年手术室工作总结

2015/05/11 职场文书

2015年大学辅导员工作总结

2015/05/12 职场文书

安全守法证明

2015/06/23 职场文书

优秀家长事迹材料（2016推荐版）

2016/02/29 职场文书