对话框/Tips

Tooltips 带动画效果jQuery插件

阿里云


tooltipify.js 是一款带动画效果的 jQuery Tooltips 插件。该插件可以定制 tooltips 的方向,出现动画,透明度等属性,使用方便,效果炫酷。

初始化插件

  1. $(".tooltips").tooltipify();
也想出现在这里?联系我们
创客主机

配置参数

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。
    $(".tooltips").tooltipify('hide');
                    
  • show:显示 tooltips。
    $(".tooltips").tooltipify('show');
                    
  • destroy:销毁 tooltips。
    $(".tooltips").tooltipify('destroy');
                    

Github 网址:https://github.com/vincentkeizer/tooltipify

Tooltips 带动画效果 jQuery 插件

已有 490 人购买
  • itj8
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!