abTips基于jquery運行的文本描述提示插件。 提示框支持上下左右等多種定位，可自定義信息屬性標(biāo)簽?zāi)J(rèn)為abtext，也可直接選擇獲取title屬性標(biāo)簽?zāi)J(rèn)信息。支持跟隨鼠標(biāo)位置提示以及固定位置提示。插件自動檢測是否處于瀏覽器窗口邊緣，確保提示框總是停留在可見區(qū)域。 兼容IE6+ Safari Opera Firefox Chrome等大部分瀏覽器。
abTips基于jquery運行的文本描述提示插件。
提示框支持上下左右等多種定位，可自定義信息屬性標(biāo)簽?zāi)J(rèn)為ab-text，也可直接選擇獲取title屬性標(biāo)簽?zāi)J(rèn)信息。
支持跟隨鼠標(biāo)位置提示以及固定位置提示。插件自動檢測是否處于瀏覽器窗口邊緣，確保提示框總是停留在可見區(qū)域。
兼容IE6+ Safari Opera Firefox Chrome等大部分瀏覽器。
使用說明以及注意事項如下：
1、首先引用jQuery v1.8.3+版本 ( 更低版本能兼容到j(luò)Query1.43推薦使用jQuery1.8.3 )
jQuery目錄地址 js/jquery-1.8.3.min.js
2、引用abTips Js文件
插件JS目錄地址如下
js/abTips-v1.2.js 開發(fā)版
js/abTips-v1.2.min.js 壓縮迷你版（推薦使用）
3、引用abTips Css文件
插件Css目錄地址如下
css/abTips.css (此文件為插件提示框箭頭等樣式文件)
4、調(diào)用相關(guān)參數(shù)說明
注意：在要使用效果的div父層外，放置調(diào)用代碼即可實現(xiàn)效果。建議把每個頁面abTips的調(diào)用，統(tǒng)一放在頁尾</body></html>標(biāo)簽關(guān)閉之前，或放置在一個統(tǒng)一的js文件里面引用，方便維護(hù)與管理。
<script type="text/javascript">
$(document).ready(function () {
new abTips({
"contentEl": "a[title]", /* (HTML)綁定描述文本元素 */
"attr": "title", /* 描述文本屬性(默認(rèn)=ab-text) */
"textClass": "abTips-layer-text", /* 描述文本自定義class樣式名 */
"direction": "bottom", /* 默認(rèn)位置方向(默認(rèn)=bottom): left=左, right=右, top=上, bottom=下 */
"align": "left", /* 布局: (direction=top|bottom): left|right|center, (direction=left|right): top|bottom|center */
"offsetX": -20, /* X 軸偏移(默認(rèn)=0) */
"offsetY": 20, /* Y 軸偏移(默認(rèn)=0) */
"speed": 80, /* 過度效果(默認(rèn)=250) */
"maxWidth": 200, /* 最大寬度 */
"isMouse": true, /* 跟隨鼠標(biāo)(默認(rèn)=false) */
"debug": true, /* 開發(fā)調(diào)試(默認(rèn)=false) */
"textArrowClass": {
"tl": "abTips-arrow-top-left", /* 頂部-居左 */
"tc": "abTips-arrow-top-center", /* 頂部-居中 */
"tr": "abTips-arrow-top-right", /* 頂部-居右 */
"lt": "abTips-arrow-left-up", /* 左側(cè)-頂部 */
"lc": "abTips-arrow-left-center", /* 左側(cè)-居中 */
"lb": "abTips-arrow-left-down", /* 左側(cè)-底部 */
"rt": "abTips-arrow-right-up", /* 右側(cè)-頂部 */
"rc": "abTips-arrow-right-center", /* 右側(cè)-居中 */
"rb": "abTips-arrow-right-down", /* 右側(cè)-底部 */
"bl": "abTips-arrow-bottom-left", /* 底部-居左 */
"bc": "abTips-arrow-bottom-center", /* 底部-居中 */
"br": "abTips-arrow-bottom-right" /* 底部-居右 */
}});
});
</script>
