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

實(shí)例演示
1.載入頁面的同時(shí)，氣泡提示也顯示。請(qǐng)將目光移至第一段。
2.點(diǎn)擊按鈕后顯示氣泡提示，注意，該提示不能被關(guān)閉，兩秒后自動(dòng)消失消失失失。 我是鏈接
3.關(guān)閉氣泡動(dòng)作后調(diào)用關(guān)閉函數(shù)。 再次點(diǎn)我

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

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

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

最新評(píng)論