插件描述: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