DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery.cvtooltip.js 基於jquery的氣泡提示插件
jquery.cvtooltip.js 基於jquery的氣泡提示插件
編輯:JQuery特效代碼     

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
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved