编程 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 常用关键字列表集合

Dec 04 Javascript

转义字符（\）对JavaScript中JSON.parse的影响概述

Jul 17 Javascript

jquery的live使用注意事项

Feb 18 Javascript

JQuery显示隐藏DIV的方法及代码实例

Apr 16 Javascript

使用openSpeDiv方法实现Ecshop登录弹窗框效果

Mar 13 Javascript

简单谈谈React中的路由系统

Jul 25 Javascript

JavaScript简单实现的仿微博留言功能示例

Jan 17 Javascript

jQuery实现动态添加和删除input框代码实例

Mar 29 jQuery

简单通过settimeout看javascript的运行机制

May 10 Javascript

Vue 解决父组件跳转子路由后当前导航active样式消失问题

Jul 21 Javascript

解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)

Nov 11 Javascript

微信小程序APP的事件绑定以及传递参数时的冒泡和捕获

Apr 19 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编程最快明白》第五讲：php目录、文件操作

2010/11/01 PHP

php引用返回与取消引用的详解

2013/06/08 PHP

浅析51个PHP处理字符串的函数

2013/08/02 PHP

Laravel 5框架学习之Eloquent （laravel 的ORM）

2015/04/08 PHP

php框架CodeIgniter主从数据库配置方法分析

2018/05/25 PHP

JS面向对象、prototype、call()、apply()

2009/05/14 Javascript

Jquery Ajax学习实例5 向WebService发出请求，返回泛型集合数据的异步调用

2010/03/17 Javascript

JS自动适应的图片弹窗实例

2013/06/29 Javascript

javascript:void(0)的作用示例介绍

2013/10/28 Javascript

js通过location.search来获取页面传来的参数

2014/09/11 Javascript

innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解

2015/03/13 Javascript

js跨域请求数据的3种常用的方法

2015/12/01 Javascript

微信小程序实战之仿android fragment可滑动底部导航栏（4）

2020/04/16 Javascript

webpack 4.0.0-beta.0版本新特性介绍

2018/02/10 Javascript

vue实现类似淘宝商品评价页面星级评价及上传多张图片功能

2018/10/29 Javascript

150行Node.js实现的dns代理工具

2019/08/02 Javascript

webpack是如何实现模块化加载的方法

2019/11/06 Javascript

Vue实现验证码功能

2019/12/03 Javascript

[01:47]2018年度DOTA2最具人气解说-完美盛典

2018/12/16 DOTA

[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06

2020/11/09 DOTA

python中的一些类型转换函数小结

2013/02/10 Python

python 3.0 模拟用户登录功能并实现三次错误锁定

2017/11/01 Python

Python生成rsa密钥对操作示例

2019/04/26 Python

pytorch 固定部分参数训练的方法

2019/08/17 Python

python词云库wordcloud的使用方法与实例详解

2020/02/17 Python

Python监听剪切板实现方法代码实例

2020/11/11 Python

利用python进行文件操作

2020/12/04 Python

python编写扎金花小程序的实例代码

2021/02/23 Python

css3 2D图片转动样式可以扩充到Js当中

2014/04/29 HTML / CSS

详解HTML5之pushstate、popstate操作history,无刷新改变当前url

2017/03/15 HTML / CSS

Manuka Doctor英国官网：真正的麦卢卡蜂蜜和护肤品

2018/10/26 全球购物

店长岗位职责

2015/02/11 职场文书

拖欠货款起诉状

2015/05/20 职场文书

解决golang结构体tag编译错误的问题

2021/05/02 Golang

MySQL事务操作的四大特性以及并发事务问题

2022/04/12 MySQL

Python Django / Flask如何使用Elasticsearch

2022/04/19 Python