jquery.cvtooltip.js 基于jquery的氣泡提示插件
更新時間:2010年11月19日 18:19:57 作者:
顯示氣泡提示的前提是,一定會有一個被提示的對象,默認的位置是根據(jù)body來計算的,這樣的壞處就是如果頁面內(nèi)容發(fā)生了變化,而氣泡的位置沒有改變,導(dǎo)致提示目的失敗。
序
1.插件名cvtooltip中的cv是ChinaValue的首字母縮寫,而tooltip就是提示啦。
2.適用于新功能的提示,引導(dǎo)用戶的提示,即時類消息的提示,操作失敗提示(操作成功了也沒人攔著)等等等,使用css實現(xiàn),不附帶任何圖片文件。
3.目前發(fā)現(xiàn)的問題,在Chorme中表現(xiàn)的不給力,是由于Chrome對頁面的解析與IE和FF不同,導(dǎo)致jquery的position或者offset返回值不同。
4.該插件依然是練習之作,一人之力,錯誤難免。
實例演示
1.載入頁面的同時,氣泡提示也顯示。請將目光移至第一段。
2.點擊按鈕后顯示氣泡提示,注意,該提示不能被關(guān)閉,兩秒后自動消失消失失失。 我是鏈接
3.關(guān)閉氣泡動作后調(diào)用關(guān)閉函數(shù)。 再次點我
參數(shù)
panel: "body", //該參數(shù)是加載氣泡提示的容器,值不同可能會導(dǎo)致計算的位置不同
selector: "", //用于計算定位的控件
direction: 0, //箭頭方向
width: 300, //氣泡提示寬度,完全手動設(shè)置
left: 0, //距離panel參數(shù)的左邊距
top: 0, //距離panel參數(shù)的上邊距
delay: -1, //延遲關(guān)閉,單位毫秒,值為0時表示立刻關(guān)閉
speed: 300, //關(guān)閉時的效果,淡出速度
close: true, //是否顯示關(guān)閉按鈕
callback: function() {
$.noop(); //點擊關(guān)閉后的事件
}
用法和源碼
這個就不貼了,查看下頁面源文件就行啦,在JS中也寫得灰常清楚鳥,或者猛點這里下載。
皮奈斯
顯示氣泡提示的前提是,一定會有一個被提示的對象,默認的位置是根據(jù)body來計算的,這樣的壞處就是如果頁面內(nèi)容發(fā)生了變化,而氣泡的位置沒有改變,導(dǎo)致提示目的失敗。
針對此情況,提供了selector參數(shù)來保證氣泡隨著該選擇器控件的位置改變而發(fā)生改變。
js文件打包下載
原文地址 http://www.cnblogs.com/0417/archive/2010/11/17/1880293.html
1.插件名cvtooltip中的cv是ChinaValue的首字母縮寫,而tooltip就是提示啦。
2.適用于新功能的提示,引導(dǎo)用戶的提示,即時類消息的提示,操作失敗提示(操作成功了也沒人攔著)等等等,使用css實現(xiàn),不附帶任何圖片文件。
3.目前發(fā)現(xiàn)的問題,在Chorme中表現(xiàn)的不給力,是由于Chrome對頁面的解析與IE和FF不同,導(dǎo)致jquery的position或者offset返回值不同。
4.該插件依然是練習之作,一人之力,錯誤難免。
實例演示
1.載入頁面的同時,氣泡提示也顯示。請將目光移至第一段。
2.點擊按鈕后顯示氣泡提示,注意,該提示不能被關(guān)閉,兩秒后自動消失消失失失。 我是鏈接
3.關(guān)閉氣泡動作后調(diào)用關(guān)閉函數(shù)。 再次點我
參數(shù)
panel: "body", //該參數(shù)是加載氣泡提示的容器,值不同可能會導(dǎo)致計算的位置不同
selector: "", //用于計算定位的控件
direction: 0, //箭頭方向
width: 300, //氣泡提示寬度,完全手動設(shè)置
left: 0, //距離panel參數(shù)的左邊距
top: 0, //距離panel參數(shù)的上邊距
delay: -1, //延遲關(guān)閉,單位毫秒,值為0時表示立刻關(guān)閉
speed: 300, //關(guān)閉時的效果,淡出速度
close: true, //是否顯示關(guān)閉按鈕
callback: function() {
$.noop(); //點擊關(guān)閉后的事件
}
用法和源碼
這個就不貼了,查看下頁面源文件就行啦,在JS中也寫得灰常清楚鳥,或者猛點這里下載。
皮奈斯
顯示氣泡提示的前提是,一定會有一個被提示的對象,默認的位置是根據(jù)body來計算的,這樣的壞處就是如果頁面內(nèi)容發(fā)生了變化,而氣泡的位置沒有改變,導(dǎo)致提示目的失敗。
針對此情況,提供了selector參數(shù)來保證氣泡隨著該選擇器控件的位置改變而發(fā)生改變。
js文件打包下載
原文地址 http://www.cnblogs.com/0417/archive/2010/11/17/1880293.html
相關(guān)文章
jQuery利用FormData上傳文件實現(xiàn)批量上傳
這篇文章主要為大家詳細介紹了jQuery利用FormData上傳文件實現(xiàn)批量上傳功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-12-12
教你用jquery實現(xiàn)iframe自適應(yīng)高度
iframe因為能和網(wǎng)頁無縫的結(jié)合從而不刷新頁面的情況下更新頁面的部分數(shù)據(jù)成為可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設(shè)置高度的時候多了也不好,少了更是不行,今天我們就來分享2種使用jquery實現(xiàn)iframe自適應(yīng)高度的代碼2014-06-06
JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對象的額外數(shù)據(jù)對象,好好學習希望本可以幫助到你2013-02-02

