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

网页开发中的容易忽略的问题 javascript HTML中的table

Apr 15 Javascript

JavaScript 新手24条实用建议[TUTS+]

Jun 21 Javascript

2012年开发人员的16款新鲜的jquery插件体验分享

Dec 28 Javascript

JavaScript学习笔记之定时器

Jan 22 Javascript

JS显示表格内指定行html代码的方法

Mar 31 Javascript

使用Web Uploader实现多文件上传

Jun 08 Javascript

JavaScript实现按键精灵的原理分析

Feb 21 Javascript

Vue.js实战之Vuex的入门教程

Apr 01 Javascript

小程序清理本地缓存的方法

Aug 17 Javascript

Vue监听滚动实现锚点定位(双向)示例

Nov 13 Javascript

Vue之封装公用变量以及实现方式

Jul 31 Javascript

一篇文章带你从零快速上手Rollup

Sep 07 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随机生成信用卡卡号的方法

2015/03/23 PHP

PHP统计数值数组中出现频率最多的10个数字的方法

2015/04/20 PHP

php判断用户是否手机访问代码

2015/06/08 PHP

php实现留言板功能（代码详解）

2017/03/28 PHP

TP5框架安全机制实例分析

2020/04/05 PHP

javascript parseInt 大改造

2009/09/27 Javascript

拖动布局之保存布局页面cookies篇

2010/10/29 Javascript

详解jquery uploadify 上传文件

2013/11/09 Javascript

jQuery操作CheckBox的方法介绍(选中,取消,取值)

2014/02/04 Javascript

jQuery中slice()方法用法实例

2015/01/07 Javascript

js实现兼容性好的微软官网导航下拉菜单效果

2015/09/07 Javascript

js实现完美兼容各大浏览器的人民币大小写相互转换

2015/10/29 Javascript

微信小程序网络请求API详解

2016/10/25 Javascript

AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】

2017/01/19 Javascript

bootstrap输入框组使用方法

2017/02/07 Javascript

jQuery dateRangePicker插件使用方法详解

2017/07/28 jQuery

Element-UI Table组件上添加列拖拽效果实现方法

2018/04/14 Javascript

angular2组件中定时刷新并清除定时器的实例讲解

2018/08/31 Javascript

浅谈开发eslint规则

2018/10/01 Javascript

vue 本地服务不能被外部IP访问的完美解决方法

2018/10/29 Javascript

微信小程序实现评论功能

2018/11/28 Javascript

[48:48]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.19

2018/08/21 DOTA

[02:16]完美世界DOTA2联赛PWL S3 集锦第三期

2020/12/21 DOTA

Python实现注册登录系统

2017/08/08 Python

Python正确重载运算符的方法示例详解

2017/08/27 Python

Python基于回溯法子集树模板解决野人与传教士问题示例

2017/09/11 Python

Python之pandas读写文件乱码的解决方法

2018/04/20 Python

python爬虫使用真实浏览器打开网页的两种方法总结

2018/04/21 Python

使用pycharm生成代码模板的实例

2018/05/23 Python

Flask核心机制之上下文源码剖析

2018/12/25 Python

西班牙创意礼品和小工具网上商店：Curiosite

2016/07/26 全球购物

美国孕妇装购物网站：Motherhood Maternity

2019/09/22 全球购物

嘉宾邀请函

2015/01/31 职场文书

2015年艾滋病防治工作总结

2015/05/22 职场文书

银行服务理念口号

2015/12/25 职场文书

浅谈Python项目的服务器部署

2021/04/25 Python