序
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

最新評論