摘要：

　　之前給大家介紹過(guò)用CSS來(lái)實(shí)現(xiàn)帶箭頭的提示框，今天我們來(lái)點(diǎn)不太一樣的，本文將分享幾款帶箭頭提示框。

qtip
qTip是一種先進(jìn)的提示插件，基于jQuery框架。以用戶友好，而且功能豐富，qTip為您提供不一般的功能，如圓角和語(yǔ)音氣泡提示，并且最重要的是免費(fèi)。支持ie6+以及其他主流瀏覽器
 

grumble.js
grumble.js提供了特殊的提示，北/東/南/西定位的一般限制?？梢試@一個(gè)給定的元素以任意角度旋轉(zhuǎn)，任何距離可以被指定，任何CSS樣式可以應(yīng)用。自動(dòng)尺寸調(diào)整為本地化的文本使用。

cluetip
clueTip插件可以讓你輕松展現(xiàn)出奇特的工具提示，當(dāng)用戶的鼠標(biāo)懸停在（或可選點(diǎn)擊）你的腳本中指定的任何元素。如果該元素包含一個(gè)title屬性，它的文本成為clueTip的標(biāo)題。

qtip2
qtip2是第二代先進(jìn)的qTip插件,基于jQuery框架。支持ie6+以及其他主流瀏覽器。

jtooltip
jQuery-ui提供的tooltip

powertip
powertip采用了非常靈活的設(shè)計(jì)，易于定制，為您提供了多種不同的方法來(lái)使用工具提示，有API的開(kāi)發(fā)人員，并支持添加復(fù)雜的數(shù)據(jù)提示。它正在積極地開(kāi)發(fā)和維護(hù)，并提供了非常流暢的用戶體驗(yàn)。

colortip
轉(zhuǎn)換元素的標(biāo)題屬性值，變成了一系列豐富多彩的工具提示。六種顏色主題可供選擇，讓您可以在您的設(shè)計(jì)的其余部分很容易匹配。
tipsy
tipsy是一個(gè)jQuery插件，用于創(chuàng)建基于一個(gè)錨標(biāo)記的title屬性類似于Facebook的工具提示效果。

jQuery-tooltip

floatabels

Bootstrap

Popover
Popover用于當(dāng)用戶點(diǎn)擊任何原件的子元素顯示信息。

sweet
sweet工具提示是一個(gè)jQuery和CSS3的基礎(chǔ)工具提示，不只是一個(gè)風(fēng)格的提示，這種無(wú)意象工具提示使用CSS線性漸變，盒陰影，文字陰影制作。

tooltipster
一個(gè)強(qiáng)大，靈活的jQuery插件使您能夠輕松地創(chuàng)建具有增強(qiáng)CSS的強(qiáng)大的語(yǔ)義，現(xiàn)代化的工具提示。支持ie8+以及其他主流瀏覽器

darktooltip
一個(gè)簡(jiǎn)單的自定義工具提示與確認(rèn)方案和效果。

jCallout
易于使用和實(shí)施，只有CSS JQuery的實(shí)現(xiàn)（無(wú)需圖像），可自定義的選項(xiàng)。

小結(jié)：

　　在這幾款提示插件中，個(gè)人最細(xì)化的有sweet、tooltipster、grumble。因?yàn)樗麄儤邮椒浅５暮每础?/p>

以上就是這13款帶箭頭提示插件的介紹了，小伙伴們使用了沒(méi)呢？有問(wèn)題給我留言吧

最新評(píng)論