tipso支持html,[代码样式]Tipso – 轻巧的jQuery提示框插件

Tooltip(提示框)是一种常见的效果，它通常用在需要进一步解释、说明或提示的某个词上。这种小效果实现起来虽然不难，但如果你想不劳而获，可以试试 Tipso。

Tipso 基于 jQuery，提供了很多配置，如：

显示动画持续时间

背景颜色

文本颜色

显示位置(上/右/下/左)

宽度

偏移

加载 ajax 内容

回调函数

使用方法

1、引入文件

2、HTML

Tipso

或者：

Tipso

使用属性 data-tipso 的值作为 tip 的内容是时，需要设置 useTitle: false；使用 title 属性作为 tip 的内容则设置 useTitle: true 或省略此参数。

3、JavaScript

$(function() {

$('#tip').tipso({

useTitle: false

});

});

配置

属性/方法

类型

默认值

说明

speed

整数

400

动画持续时间

background

字符串

‘#55b555’

背景颜色

color

字符串

‘#ffffff’

文本颜色

position

字符串

‘top’

显示位置

width

整数

200

宽度

delay

整数

200

延迟

offsetX

整数

0

水平偏移

offsetY

整数

0

垂直偏移

content

字符串

null

内容

ajaxContentUrl

字符串

null

异步加载内容

useTitle

布尔值

true

使用 title 属性值作为内容

onBeforeShow

函数

null

执行前的回调函数

onShow

函数

null

显示前的回调函数

onHide

函数

null

显示后的回调函数

GitHub 地址：https://github.com/object505/tipso

[b2_file link="

百度网盘" name="Tipso – 轻巧的jQuery提示框插件" pass="" code=""]