Jquery插件分享之氣泡形提示控件grumble.js
更新時(shí)間：2014年05月20日 11:02:55 投稿：hebedich
grumble.js 是一個(gè)很特別的氣泡形狀提示控件，最開始是為 Huddle.com 網(wǎng)站開發(fā)的, 它沒(méi)有通常的north/east/south/west的定位限制。
 |
任何一個(gè)grumble都可以放到它所圍繞元素的任意角度的位置，360度全方位無(wú)死角，無(wú)殘留。還能指定任意距離，應(yīng)用任意CSS樣式。 對(duì)于任意文本還可以自動(dòng)調(diào)整大小。 多個(gè)grumble可以通過(guò)FX隊(duì)列實(shí)現(xiàn)動(dòng)畫效果。 最后，它能在IE6+這些古董瀏覽器上工作，更不用FF、Chrome這些現(xiàn)代的瀏覽器了！grumble.js 其實(shí)是一個(gè)jQuery插件，可以在 腳本之家找到源碼下載。
官方的一些截圖：
普通提示
可以附加事件，如點(diǎn)擊、鼠標(biāo)移入移出等
可以實(shí)現(xiàn)動(dòng)畫，如氣泡圍繞一個(gè)點(diǎn)旋轉(zhuǎn)
在這里我們可以看到grumble.js的一些中文版案例：http://demo.jb51.net/js/2014/grumblejs/
您可能感興趣的文章:
- JavaScript實(shí)現(xiàn)好看的跟隨彩色氣泡效果
- 使用JS實(shí)現(xiàn)氣泡跟隨鼠標(biāo)移動(dòng)的動(dòng)畫效果
- D3.js實(shí)現(xiàn)散點(diǎn)圖和氣泡圖的方法詳解
- 純JS代碼實(shí)現(xiàn)氣泡效果
- javascript實(shí)現(xiàn)很浪漫的氣泡冒出特效
- JavaScript實(shí)現(xiàn)鼠標(biāo)滑過(guò)處生成氣泡的方法
- js由下向上不斷上升冒氣泡效果實(shí)例
- JS+CSS實(shí)現(xiàn)一個(gè)氣泡提示框
- jquery.cvtooltip.js 基于jquery的氣泡提示插件
- js實(shí)現(xiàn)可愛(ài)的氣泡特效
相關(guān)文章
舉例講解jQuery對(duì)DOM元素的向上遍歷、向下遍歷和水平遍歷
使用jQuery可以更加容易地遍歷DOM的父級(jí)、子級(jí)和同級(jí)元素,這里我們就來(lái)舉例講解jQuery對(duì)DOM元素的向上遍歷、向下遍歷和水平遍歷:2016-07-07
這篇文章主要介紹了jquery移除、綁定、觸發(fā)元素事件使用示例詳解,需要的朋友可以參考下2014-04-04
本文為大家?guī)?lái)的是jQuery模擬點(diǎn)擊A標(biāo)記，個(gè)人感覺(jué)這個(gè)示例還是不錯(cuò)的,需要的朋友可以參考下2014-04-04
基于jQuery ztree實(shí)現(xiàn)表格風(fēng)格的樹狀結(jié)構(gòu)
zTree 是一個(gè)依靠 jQuery 實(shí)現(xiàn)的多功能 “樹插件”，zTree 是開源免費(fèi)的軟件。接下來(lái)通過(guò)本文給大家介紹基于jQuery ztree實(shí)現(xiàn)表格風(fēng)格的樹狀結(jié)構(gòu)，感興趣的朋友一起看看吧2018-08-08
使用jQuery 操作table 完成單元格合并的實(shí)例
下面小編就為大家分享一篇使用jQuery 操作table 完成單元格合并的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
這篇文章主要介紹了打造自己的jQuery插件,簡(jiǎn)單分析了jQuery插件的原理與基本實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)的placeholder效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的placeholder效果,可實(shí)現(xiàn)輸入框提示文字的功能,并且針對(duì)焦點(diǎn)的情況判定是否顯示,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-08-08
事件總是由內(nèi)層開始執(zhí)行，一直到最外層，不單擊了那個(gè)對(duì)象，所有包含了此對(duì)象的對(duì)象所綁定的事件都將執(zhí)行一次，這是我們不愿意看到的，jQuery給我們定義了一些阻止事件執(zhí)行的方法。2010-12-12
jQuery實(shí)現(xiàn)自動(dòng)與手動(dòng)切換的滾動(dòng)新聞特效代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)列表自動(dòng)循環(huán)滾動(dòng)手動(dòng)滾動(dòng)展示新聞，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
因公司需要做一個(gè)仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒(méi)帶Value的 所以做了個(gè),代碼給予簡(jiǎn)單的注釋，結(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下2013-01-01