首頁 > 網頁特效 > 其它特效 > 20款超實用的js工具提示條Tips類庫/插件分享

20款超實用的js工具提示條Tips類庫/插件分享

時間:2012-12-13    來源:互聯網

大家在網站開發和設計過程中,往往需要提示用戶某些功能或者相關消息,而HTML自帶的title屬性又往往不夠強大,經常需要我們自己去開發相關的工具提示條功能。為了幫助大家更好的開發相關的工具提示條功能,這里我們收集了一套超棒的javascript和javascript類庫,如果你不清楚如何選擇這些類庫的話,請關注我們的“web前端最佳實踐”系列中的tooltip工具條選擇。希望大家喜歡!

Qtip2 

可能大家都聽說過Qtip,不過這個jQuery插件已經不再維護和開發,取而代之的是Qtip2,這個工具條提示個人認為是最強大的實現類庫,幾乎幫助你考慮了所有你開發中需要處理的情況,而且支持自定義主題,并且內建了主題可供選擇,你可以定義工具條出現的不同位置,及其相對于window能夠自動調整顯示位置。文檔和在線演示都非常完整,非常方便大家開發。而且擁有高級特性,唯一的問題是提供的方法比較多,比較復雜,如果深度開發會感覺比較難于使用,但是功能絕對是非常強大。IE瀏覽器支持IE6 +

Tipped

tipped是一個款超多選項的工具條提示插件,支持自定義皮膚,位置,完整的文檔和演示。如果你需要一個能夠提供強大功能支持的工具提示,它將也是個不錯的選擇。提供的皮膚和UI可能是最漂亮的,當然也支持自定義,不過美中不足的是,需要你付費,而且即使是非商業使用,也需要支付一筆小小的費用,不過如果你需要這些功能的話,絕對是物有所值的。IE瀏覽器支持IE6+。

jQuery Tools: Tooltip

jQuery Tools這套類庫是套比較老牌的UI類庫,自然包含在內的tooltip也是非常值得大家使用的。 

Opentip

這是一款免費的工具提示jquery插件,擁有很多的選項,你可以做很多的事情。 不過支持的IE瀏覽器 需要 IE 7 +。

Tooltip

可能是用的比較早也使用比較多的免費jQuery插件。 

Coda Popup Bubbles

最早實際是一個教程,幫助你創建一個Coda(coda是Mac機器上的一個web開發工具,相信做過Mac上設計的朋友都知道)風格的工具提示。

Javascript Tooltip

超簡單有效的一個工具條提示。 可以定義位置,允許內嵌圖片。支持不同的事件

SkinnyTip JavaScript Tooltip

不是很好看,但是非常輕量級。如果你是簡單使用的話,可以選擇它。

BeautyTips

一個簡單實用使用canvas來生成工具條的插件。可能兼容性就稍稍差點兒。

收 藏 分 享 評 論

特效推薦

熱門特效

重庆时时开奖直播app 河南十一选五 澳洲幸运5开奖结果 天天乐棋牌网站 雪缘园.com 黑龙江11选5 福建36选7中奖 6十1福彩开奖结果查询 河南十一选五 11选5吉林规则 家电售后员工赚钱吗 pk10 在家玩游戏就能赚钱的工作 在农村养土鸡赚钱吗 快速时时彩 可以赚钱的app有风险吗 北京赛车pk10网站