编程 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动画效果代码

Jul 20 Javascript

js数组操作学习总结

Nov 04 Javascript

js实现目录定位正文示例

Nov 14 Javascript

js判断元素是否隐藏的方法

Jun 09 Javascript

jQuery的text()方法用法分析

Dec 20 Javascript

jQuery插件制作之全局函数用法实例

Jun 01 Javascript

jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析

Jun 08 Javascript

jQuery获取选中单选按钮radio的值

Dec 27 Javascript

Angularjs 实现动态添加控件功能

May 25 Javascript

jQuery操作选中select下拉框的值代码实例

Feb 07 jQuery

从源码角度来回答keep-alive组件的缓存原理

Jan 18 Javascript

Vite和Vue CLI的优劣

Jan 30 Vue.js

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

Smarty安装配置方法

2008/04/10 PHP

toString()一个会自动调用的方法

2010/02/08 Javascript

cloudgamer出品ImageZoom 图片放大效果

2010/04/01 Javascript

js导入导出excel(实例代码)

2013/11/25 Javascript

html5+javascript实现简单上传的注意细节

2016/04/18 Javascript

jQuery实现手机自定义弹出输入框

2016/06/13 Javascript

Javascript基础_简单比较undefined和null 值

2016/06/14 Javascript

Jq通过td获取同行其它列td的方法

2016/10/05 Javascript

JavaScript 实现的checkbox经典实例分享

2016/10/16 Javascript

Vue.js 2.0 移动端拍照压缩图片预览及上传实例

2017/04/27 Javascript

原JS实现banner图的常用功能

2017/06/12 Javascript

微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】

2017/12/09 Javascript

vue给input file绑定函数获取当前上传的对象完美实现方法

2017/12/15 Javascript

vue-router懒加载速度缓慢问题及解决方法

2018/11/25 Javascript

微信小程序实现日历功能

2018/11/27 Javascript

jquery操作select常见方法大全【7种情况】

2019/05/28 jQuery

JS常见面试试题总结【去重、遍历、闭包、继承等】

2019/08/27 Javascript

[01:18:33]Secret vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3

2018/06/04 DOTA

Python获取二维矩阵每列最大值的方法

2018/04/03 Python

python3中类的继承以及self和super的区别详解

2019/06/26 Python

使用Tensorboard工具查看Loss损失率

2020/02/15 Python

Python面向对象中类（class）的简单理解与用法分析

2020/02/21 Python

Softmax函数原理及Python实现过程解析

2020/05/22 Python

Python爬取网站图片并保存的实现示例

2021/02/26 Python

浅析css3中matrix函数的使用

2016/06/06 HTML / CSS

如何用border-image实现文字气泡边框的示例代码

2020/01/21 HTML / CSS

阿迪达斯德国官方网站：adidas德国

2017/07/12 全球购物

乌克兰在线电子产品商店：MTA

2019/11/14 全球购物

SQL注入攻击的种类有哪些

2013/12/30 面试题

求职简历自荐信

2013/10/20 职场文书

应届生新闻编辑求职信

2013/11/19 职场文书

应聘自荐信

2013/12/14 职场文书

课前三分钟演讲稿

2014/04/24 职场文书

企业法人授权委托书

2014/09/25 职场文书

民间借贷纠纷起诉书

2015/08/03 职场文书

MySQL 逻辑备份与恢复测试的相关总结

2021/05/14 MySQL