1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jQuery工具提示插件tooltip.js 使用教程

jQuery工具提示插件tooltip.js 使用教程

时间:2020-09-25 10:26:48

相关推荐

jQuery工具提示插件tooltip.js 使用教程

插件描述:tooltip.js可以通过js或html5 data属性来实例化一个tooltip。它的特点还有: 可以自定义tooltip动画。内置暗色和亮色两种主题。可以自定义文字和阴影的颜色等属性。

tooltip.js

tooltip.js是一款HTML5 tooltips工具提示jquery插件。tooltip.js可以通过js或html5 data属性来实例化一个tooltip。它的特点还有:

可以自定义tooltip动画。内置暗色和亮色两种主题。可以自定义文字和阴影的颜色等属性。允许动态的改变tooltip的内容。允许在没有用户交互的情况下显示tooltip。

使用方法

在页面中引入jquery和tooltip.js文件,以及样式文件tooltip.css。

通过js来初始化tooltip

第一种使用tooltip.js插件的方法是通过js来初始化tooltip。例如:

通过data属性来初始化tooltip

第二种方法是通过HTML data属性和class来初始化tooltip。例如:

首先定义全局的tooltip属性:

然后通过data-tip属性和tip-hotspotclass来定义一个tooltip。

配置参数

使用第一种通过js来初始化tooltip的方法时,可以使用下面的配置参数:

示例:

带参数的tooltip:

方法

使用第一种通过js来初始化tooltip的方法时,可以使用下面的方法:

setText:设置文字。

autoTip:自动显示tooltip。

自动显示tooltip的可用配置参数有:

示例:使用setText来设置文字,然后使用autoTip来自动显示tooltip。

下载地址: /download/qq_21137441/12527315

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。