摘要：
之前有給大家介紹過用CSS來實現帶箭頭的提示框，今天我們來點不太一樣的，本文將分享幾款帶箭頭提示框。
qtip
qTip是一種先進的提示插件，基於jQuery框架。以用戶友好，而且功能豐富，qTip為您提供不一般的功能，如圓角和語音氣泡提示，最重要的是免費。支援ie6 以及其他主流瀏覽器
grumble.js
grumble.js提供了特殊的提示，北/東/南/西定位的一般限制。可以圍繞一個給定的元素以任意角度旋轉，任何距離可以被指定，任何CSS樣式可以應用。自動尺寸調整為本地化的文字使用。
cluetip
clueTip插件可以讓你輕鬆展現出奇特的工具提示，當使用者的滑鼠懸停在（或可選點擊）你的腳本中指定的任何元素。如果該元素包含一個title屬性，則它的文字成為clueTip的標題。
qtip2
qtip2是第二代先進的qTip插件,基於jQuery框架。支援ie6 以及其他主流瀏覽器。
jtooltip
jQuery-ui提供的tooltip
powertip
powertip採用了非常靈活的設計，易於自訂，為您提供了多種不同的方法來使用工具提示，有API的開發人員，並支援添加複雜的資料提示。它正在積極地開發和維護，並提供了非常流暢的用戶體驗。
colortip
轉換元素的標題屬性值，變成了一系列豐富多彩的工具提示。六種顏色主題可供選擇，讓您可以在您的設計的其餘部分很容易匹配。
tipsy
tipsy是一個jQuery插件，用於建立基於一個錨標記的title屬性類似於Facebook的工具提示效果。
jQuery-tooltip
floatabels
Bootstrap
Popover
Popover用於當使用者點擊任何原件的子元素顯示資訊。
sweet
sweet工具提示是一個jQuery和CSS3的基礎工具提示，不只是一個風格的提示，這種無意象工具提示使用CSS線性漸變，盒陰影，文字陰影製作。
tooltipster
一個強大，靈活的jQuery插件使您能夠輕鬆地創建具有增強CSS的強大的語義，現代化的工具提示。支援ie8 以及其他主流瀏覽器
darktooltip
一個簡單的自訂工具提示與確認方案和效果。
jCallout
易於使用和實施，只有CSS JQuery的實現（無需圖像），可自訂的選項。
小結：
在這幾款提示插件中，個人最細化的有sweet、tooltipster、grumble。因為他們樣式非常的好看。
以上就是這13款帶箭頭提示插件的介紹了，小夥伴們使用了沒呢？有問題留言給我
jquery实现多少秒后隐藏图片Apr 20, 2022 pm 05:33 PM实现方法：1、用“$("img").delay(毫秒数).fadeOut()”语句，delay()设置延迟秒数；2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句，通过定时器来延迟。
axios与jquery的区别是什么Apr 20, 2022 pm 06:18 PM区别：1、axios是一个异步请求框架，用于封装底层的XMLHttpRequest，而jquery是一个JavaScript库，只是顺便封装了dom操作；2、axios是基于承诺对象的，可以用承诺对象中的方法，而jquery不基于承诺对象。
jquery怎么修改min-height样式Apr 20, 2022 pm 12:19 PM修改方法：1、用css()设置新样式，语法“$(元素).css("min-height","新值")”；2、用attr()，通过设置style属性来添加新样式，语法“$(元素).attr("style","min-height:新值")”。
jquery怎么在body中增加元素Apr 22, 2022 am 11:13 AM增加元素的方法：1、用append()，语法“$("body").append(新元素)”，可向body内部的末尾处增加元素；2、用prepend()，语法“$("body").prepend(新元素)”，可向body内部的开始处增加元素。
jquery怎么删除div内所有子元素Apr 21, 2022 pm 07:08 PM删除方法：1、用empty()，语法“$("div").empty();”，可删除所有子节点和内容；2、用children()和remove()，语法“$("div").children().remove();”，只删除子元素，不删除内容。
jquery中apply()方法怎么用Apr 24, 2022 pm 05:35 PM在jquery中，apply()方法用于改变this指向，使用另一个对象替换当前对象，是应用某一对象的一个方法，语法为“apply(thisobj,[argarray])”；参数argarray表示的是以数组的形式进行传递。
jquery怎么去掉只读属性Apr 20, 2022 pm 07:55 PM去掉方法：1、用“$(selector).removeAttr("readonly")”语句删除readonly属性；2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。
jquery on()有几个参数Apr 21, 2022 am 11:29 AMon()方法有4个参数：1、第一个参数不可省略，规定要从被选元素添加的一个或多个事件或命名空间；2、第二个参数可省略，规定元素的事件处理程序；3、第三个参数可省略，规定传递到函数的额外数据；4、第四个参数可省略，规定当事件发生时运行的函数。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
SublimeText3漢化版
中文版，非常好用
MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具，用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。
MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中，你可以繼續在那裡關注我們。 MinGW：GNU編譯器集合（GCC）的本機Windows移植版本，可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔；包括對MSVC執行時間的擴展，以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。
禪工作室 13.0.1
強大的PHP整合開發環境
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
