jQuery工具提示插件Tooltipify

jQuery Tooltipify

tooltipify.js是一款带动画效果的jQuery Tooltips插件。该插件可以定制tooltips的方向，出现动画，透明度等属性，替换默认的浏览器工具提示

安装

npm

Import the module:

scss

css

使用方法

初始化插件

配置参数

• tooltipify.js可用的配置参数有：

• animationDuration：动画的持续时间，单位毫秒，默认值100。

• animationOffset：设置动画的偏移，默认为50。

• animationProperty：动画的选项，设置为空时，tooltips出现不带动画。默认值为left。

• content：tooltip的内容，可以是html标签。

• cssClass：tooltips容器的class类。

• displayAware：设置是否在出现方向上空间不足时，tooltips自动出现在反方向上。

• hideEvent：设置隐藏tooltip的事件，默认为mouseout。

• offsetLeft：设置左偏移量，默认为0。

• offsetTop：设置上偏移量，默认为0。

• opacity：设置透明度，默认为0.8。

• position：设置tooltip的位置，默认为top，可选择有："top", "left", "right", "bottom"。

• showEvent：设置显示tooltip的事件，默认为mouseover。

• width：设置tooltip的宽度。

事件

hide：隐藏tooltips。

show：显示tooltips。

destroy：销毁tooltips。

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com