首頁 > 網頁特效 > 其它特效 > 15款基于jQuery庫的Tooltip工具提示條插件分享

15款基于jQuery庫的Tooltip工具提示條插件分享

時間:2013-07-17    來源:oschina

tooltip或者infotip或者hint,是一種常見的圖形用戶界面元素。它用于連同一個光標,通常是一個鼠標光標。當用戶將鼠標懸停在一個特定的地方,無需點擊,就會出現一個包含關于懸停到這個地方的一些信息的tooltip或小的懸浮框。

jQuery tooltip是應該考慮在網頁設計和開發中利用的最好的構件之一。Tooltip提供了額外的功能和通用型,可以被視為大多數網站的最重要的一個用戶界面組件。

本文中我收集了15個最好的jquery tooltip插件,這些可以幫助你創建創新的和有創造性的網頁設計,同時也可以幫助你來實現你的web項目所需要的結果。我希望這個jquery tooltip插件的列表對你即將到來或已經開始的web項目提供了便利并且是確實有用的。如果你知道一些其他的jquery tooltip插件請通過在評論區跟帖讓我知道,非常期待。請享受本文!

 Tooltipster

Tooltipster

Tooltipster是一個jQuery插件,用來快速創建HTML5驗證的靈活的提示工具。這個插件很小(4.8kb大小),工作很快并且可以很容易的被定制。外觀可以隨意改變CSS(支持主題)和鼠標箭頭的位置,展現的延遲/時間都可以被定義。

Demo

Toolbar.js

toolbar-js

Toolbar.js允許你快速創建用于web應用程序和網站的提供工具類型的工具欄。這個工具欄可以很容易的用twitter啟動圖標定制,還提供自適應的環繞在工具欄周圍顯示一些圖標。

Demo

qTip2

qtip2

qTip2是第二代先進的qTip插件,這是一個曾經很流行的jQuery框架。在1.0版本的友好的用戶和豐富的功能的基礎上,qTip2提供了一些增強的功能,比如氣泡提示、影像映射等等。它是完全免費的,許可是MIT/GPLv2。

Demo

Poshy Tip jQuery Plugin

poshy-tip

Poshy Tip jQuery Plugin是一個提示框插件,允許輕松創建時尚的提示框。通過Poshy Tip你可以把提示相對于鼠標光標或目標元素來定位,并可以將它們橫向或縱向展示。

Demo

Grumble.js

grumblejs

Grumble.js提供了一個沒有東西南北定位限制的特殊的提示框。它可以從360度的任何角度環繞一個給定的元素,可以指定任意的距離。

Demo

Joyride

joyride-jquery-plugin

Joyride是一個jQuery的插件,簡化了指導用戶發現一個網站的特點的過程。通過定義一個有序的步驟,可以在任何HTML元素附近通過提示框顯示需要的信息。

Demo

ImageMapster

ImageMapster

ImageMapster是一個可以通過添加更多地功能給舊圖片來讓它們更有生氣的jQuery插件。使用這個插件,可以通過各種方式突出顯示、選擇(單個或多個區域)和操縱任何的圖像。提示工具可以顯示用戶友好的可以與該圖像互動的信息。

Demo

Tooltipsy

tooltipsy

Tooltipsy是一個提供了創建提示工具的靈活基礎的jQuery插件。它有最小的默認樣式或動畫,你都可以完全控制它們。它可以按你希望的方式來定位,外觀和感覺均可以通過CSS來定制,任何類型的動畫都可以被實現。

Demo

收 藏 分 享 評 論

特效推薦

熱門特效

重庆时时开奖直播app 入会员 面膜免费终身领怎么赚钱 极速时时彩是正规的吗 pk北京赛车开奖 qq分分彩 蚂蚁财富的基金赚钱吗 捕鱼大师1.1.9注册送 2014年世界杯即时指数 中国福利彩票官网推荐 快三怎样每天稳赚几百 湖北体彩11选五手机版 吉林十一选五开奖杳询 雪缘园华体网 客户端电子竞技游戏 现在养什么东西赚钱呢 北京赛车pk10 浙江卖什么赚钱