abTips 文本描述提示插件 v1.2

分享:duruitao321
时间:2023-07-29
类别:插件 - 弹出层
abTips 文本描述提示插件 v1.2

abTips 文本描述提示插件 v1.2

  • 资源分类:插件 - 弹出层
  • 资源编号:U1378
  • 资源发布:duruitao321

abTips 文本描述提示插件 v1.2 是一款基于jquery运行的文本描述提示插件。 提示框支持上下左右等多种定位,可自定义信息属性标签默认为abtext,也可直接选择获取title属性标签默认信息。支持跟随鼠标位置提示以及固定位置提示。插件自动检测是否处于浏览器窗口边缘,确保提示框总是停留在可见区域。 兼容IE6+ Safari Opera Firefox Chrome等大部分浏览器。

使用说明:

1、首先引用jQuery v1.8.3+版本 ( 更低版本能兼容到jQuery1.43推荐使用jQuery1.8.3 )

jQuery目录地址  js/jquery-1.8.3.min.js

2、引用abTips Js文件

插件JS目录地址如下

js/abTips-v1.2.js   开发版

js/abTips-v1.2.min.js   压缩迷你版(推荐使用)

3、引用abTips Css文件

插件Css目录地址如下

css/abTips.css   (此文件为插件提示框箭头等样式文件)

调用时offsetX可设置X 轴偏移(默认=0),offsetY可设置Y 轴偏移(默认=0)。speed可设置过度效果(默认=250),maxWidth为提示框最大宽度,isMouse=true跟随鼠标(默认=false固定位置)。

设置提示框方向direction=可选top上、right右、bottom下、left左。direction=top或bottom时align=可选left、center、right, direction=left或right时align=可选top、center、bottom。

abTips_文本描述提示插件_v1.2 图1

收藏