博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
poshytip基本使用
阅读量:4624 次
发布时间:2019-06-09

本文共 1264 字,大约阅读时间需要 4 分钟。

js基本调用方法

      $("#tips").poshytip({                content: $this.text(),                alignTo: 'target',                alignX: direction,                alignY: 'center',                showOn: 'none',                offsetX: 5            }).poshytip('show');

 

服务端调用:通过调用服务端,获得返回数据

$('#remote').poshytip({     alignY: 'bottom',     content: function(updateCallback) {         $.get('ajax.php?id=1',function(msg){             updateCallback(msg);         });         return 'Loading...';     } });
 

参数和方法一览表

参数/方法 描述
content 提示工具条中的内容,默认是从元素的title属性中获取。
className 提示工具条的样式
showTimeout 提示工具条出现前的过渡时间
hideTimeout 提示工具条消失的过渡时间
showOn 提示工具条触发方式,有'hover', 'focus', 'none'三种方式
alignX 提示工具条出现在水平方向相对当前元素的位置,有'right', 'center', 'left', 'inner-left', 'inner-right'
alignY 提示工具条出现在垂直方向相对当前元素的位置,有'bottom', 'center', 'top', 'inner-bottom', 'inner-top'
offsetX 相对X方向位移,数字
offsetY 相对Y方向位移,数字
hideTimeout 工具条消失的过渡时间
hideTimeout 工具条消失的过渡时间
hideTimeout 工具条消失的过渡时间
offsetY 相对Y方向位移,数字
allowTipHover 允许鼠标滑向工具条上方
fade 是否使用渐隐渐显动画,true/false
slide 是否使用滑动动画,true/false
方法:show .poshytip('show'),手动触发显示提示工具条
方法:hide .poshytip('hide'),手动触发隐藏提示工具条
方法:disable .poshytip('disable'),手动触发禁用提示工具条
方法:enable .poshytip('enable'),手动触发启用提示工具条

转载于:https://www.cnblogs.com/tanfuchao/p/9209403.html

你可能感兴趣的文章
angularjs实现首页轮播图
查看>>
Git 对象 和checkout 和stash的笔记
查看>>
团队项目总结2-服务器通信模型和顺序图
查看>>
hdu 1085 Holding Bin-Laden Captive!
查看>>
[周记]8.7~8.16
查看>>
递归定义
查看>>
kindeditor 代码高亮设置
查看>>
图的邻接表存储
查看>>
2018 leetcode
查看>>
PHP中获取当前页面的完整URL
查看>>
Chapter 4 Syntax Analysis
查看>>
vi/vim使用
查看>>
讨论Spring整合Mybatis时一级缓存失效得问题
查看>>
Maven私服配置Setting和Pom文件
查看>>
MySql【Error笔记】
查看>>
JS线程Web worker
查看>>
学习记事
查看>>
java 子类重写父类的方法应注意的问题
查看>>
[LevelDB] LevelDB理论基础
查看>>
自动化测试 Appium之Python运行环境搭建 Part2
查看>>