Jquery插件分享之氣泡形提示控件grumble.js
 |
任何一個(gè)grumble都可以放到它所圍繞元素的任意角度的位置，360度全方位無死角，無殘留。還能指定任意距離，應(yīng)用任意CSS樣式。 對于任意文本還可以自動(dòng)調(diào)整大小。 多個(gè)grumble可以通過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)滑過處生成氣泡的方法
- js由下向上不斷上升冒氣泡效果實(shí)例
- JS+CSS實(shí)現(xiàn)一個(gè)氣泡提示框
- jquery.cvtooltip.js 基于jquery的氣泡提示插件
- js實(shí)現(xiàn)可愛的氣泡特效
相關(guān)文章
這篇文章主要介紹了JQuery選擇器綁定事件及修改內(nèi)容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以參考下2015-01-01
jQuery學(xué)習(xí)筆記 操作jQuery對象 CSS處理
在對class屬性的操作中，實(shí)際上已經(jīng)改變元素樣式了，但這些都是根據(jù)已設(shè)定的CSS規(guī)則間接生效的。因此我們有必要使用更為直接的方式來改變原先設(shè)定好了的CSS規(guī)則2012-09-09
jQuery+Ajax+js實(shí)現(xiàn)請求json格式數(shù)據(jù)并渲染到html頁面操作示例
這篇文章主要介紹了jQuery+Ajax+js實(shí)現(xiàn)請求json格式數(shù)據(jù)并渲染到html頁面操作,結(jié)合實(shí)例形式分析了jQuery+Ajax請求json格式數(shù)據(jù)并渲染到html頁面相關(guān)步驟與操作技巧,需要的朋友可以參考下2020-06-06
jquery實(shí)現(xiàn)的縮略圖預(yù)覽滑塊實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)的縮略圖預(yù)覽滑塊,實(shí)例分析了jQuery縮略圖預(yù)覽滑塊的實(shí)現(xiàn)與使用技巧,并提供了完整的實(shí)例下載,需要的朋友可以參考下2015-06-06
初步認(rèn)識JavaScript函數(shù)庫jQuery
這篇文章主要介紹了JavaScript函數(shù)庫jQuery的一些基本概念,包括其的添加方法和最基本的使用示例,需要的朋友可以參考下2015-06-06
jQuery.Sumoselect插件實(shí)現(xiàn)下拉復(fù)選框效果
jquery.sumoselect是一款跨設(shè)備、跨瀏覽器的jQuery下拉列表框插件。接下來通過本文給大家分享jQuery.Sumoselect插件實(shí)現(xiàn)下拉復(fù)選框效果，需要的朋友參考下吧2017-11-11
各式各樣的導(dǎo)航條效果css3結(jié)合jquery代碼實(shí)現(xiàn)
這篇文章主要為大家分享了css3結(jié)合jquery代碼實(shí)現(xiàn)各式各樣的導(dǎo)航條效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了jQuery中show與hide方法用法,結(jié)合實(shí)例形式分析了jQuery使用show與hide方法控制頁面元素顯示與隱藏的簡單實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-09-09
基于jquery animate操作css樣式屬性小結(jié)
昨天突然有網(wǎng)友問我animate()方法可以來操作所有css屬性嗎？是的，我告訴他可以的。不過，在此有需要注意點(diǎn)需要大家搞清楚。接下來通過本篇文章給大家介紹基于jquery animate操作css樣式屬性小結(jié)，對jquery animate css相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-11-11![jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度](http://img.jbzj.com/images/xgimg/bcimg9.png)
jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度
這篇文章主要介紹了jquery 插件實(shí)現(xiàn)多行文本框[textarea]自動(dòng)高度,需要的朋友可以參考下2015-03-03