jquery.cvtooltip.js 基于jquery的氣泡提示插件

2019-11-21 00:07:20

字體：大中小

來源：轉載

供稿：網友

序
1.插件名cvtooltip中的cv是ChinaValue的首字母縮寫，而tooltip就是提示啦。
2.適用于新功能的提示，引導用戶的提示，即時類消息的提示，操作失敗提示（操作成功了也沒人攔著）等等等，使用css實現，不附帶任何圖片文件。
3.目前發現的問題，在Chorme中表現的不給力，是由于Chrome對頁面的解析與IE和FF不同，導致jquery的position或者offset返回值不同。
4.該插件依然是練習之作，一人之力，錯誤難免。

實例演示
1.載入頁面的同時，氣泡提示也顯示。請將目光移至第一段。
2.點擊按鈕后顯示氣泡提示，注意，該提示不能被關閉，兩秒后自動消失消失失失。我是鏈接
3.關閉氣泡動作后調用關閉函數。再次點我

參數
panel: "body", //該參數是加載氣泡提示的容器，值不同可能會導致計算的位置不同
selector: "", //用于計算定位的控件
direction: 0, //箭頭方向
width: 300, //氣泡提示寬度，完全手動設置
left: 0, //距離panel參數的左邊距
top: 0, //距離panel參數的上邊距
delay: -1, //延遲關閉，單位毫秒，值為0時表示立刻關閉
speed: 300, //關閉時的效果，淡出速度
close: true, //是否顯示關閉按鈕
callback: function() {
$.noop(); //點擊關閉后的事件
}

用法和源碼
這個就不貼了，查看下頁面源文件就行啦，在JS中也寫得灰常清楚鳥，或者猛點這里下載。

皮奈斯
顯示氣泡提示的前提是，一定會有一個被提示的對象，默認的位置是根據body來計算的，這樣的壞處就是如果頁面內容發生了變化，而氣泡的位置沒有改變，導致提示目的失敗。
針對此情況，提供了selector參數來保證氣泡隨著該選擇器控件的位置改變而發生改變。
js文件打包下載
原文地址 http://www.cnblogs.com/0417/archive/2010/11/17/1880293.html

上一篇：基于jquery的跨域調用文件

下一篇：jQuery lazyload 的重復加載錯誤以及修復方法