jQuery poshytip 插件的简单实用方法
来源:互联网 发布:万网注册已备案域名 编辑:程序博客网 时间:2024/06/04 19:01
最近在项目中有个需求是点击超链接,将记录添加到另外一个页面的一个按钮上面,点击按钮然后显示所有的添加的记录列表,在点击超链接的时候需要显示添加的信息
此事后poshytip 排上了用场,显示是添加还是删除或者修改了记录的个数
下面是用法
官网地址:http://vadikom.com/demos/poshytip/
poshytip 支持 hover, focus 事件,但是我需要的不是这些事件,那么还有一个就是none
直接看代码:
JavaScript Code
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$('id').bind('click', function ()
{
//配置将要显示tip的信息
$('#demo-manual-trigger').poshytip(
{
content : 'show my message!',//想要显示的信息
showOn : 'none',
alignTo : 'target',
alignX : 'inner-left',
offsetX : 0,
offsetY : 5
}
);
//显示
$('#demo-manual-trigger').poshytip('show');
//一秒之后隐藏
setTimeout(function ()
{
$('#demo-manual-trigger').poshytip('hide');
}, 1000);
}
);
{
//配置将要显示tip的信息
$('#demo-manual-trigger').poshytip(
{
content : 'show my message!',//想要显示的信息
showOn : 'none',
alignTo : 'target',
alignX : 'inner-left',
offsetX : 0,
offsetY : 5
}
);
//显示
$('#demo-manual-trigger').poshytip('show');
//一秒之后隐藏
setTimeout(function ()
{
$('#demo-manual-trigger').poshytip('hide');
}, 1000);
}
);
阅读全文
0 0
- jQuery poshytip 插件的简单实用方法
- Jquery的提示插件 jquery.poshytip.js
- jquery 提示插件poshytip
- jQuery 工具提示插件 PoshyTip
- 分享一个jquery插件-poshytip(模仿显示微博人的图像)
- jquery提示插件 jquery.poshytip.js
- 简单实用的jQuery Tooltip提示插件
- jQuery简单实用的轻量级进度条插件
- 简单实用的jquery分页插件
- Jquery简单实用的WdatePicker时间插件
- jquery poshytip消息提示插件使用
- 关于JQuery.cookie的简单实用方法
- jquery实用的插件
- 实用的jQuery插件
- 基于Jquery的文本提示控件 poshytip
- 实用简单的jquery插件教程(翻译/转)
- 实用简单的jquery插件教程(转)
- 实用简单的jquery插件教程(翻译/转) 收藏
- 【VIM】vim Python工作环境配置
- 条件查询问题
- Android-控件WebView的基本使用
- 【leedcode】 Add to List 617. Merge Two Binary Trees
- Maven详解 一.前言 以前做过的项目中,没有真正的使用过Maven,只知道其名声很大,其作用是用来管理jar 包的。最近一段时间在项目过程中使用Maven,用Maven构建的web项目
- jQuery poshytip 插件的简单实用方法
- 04-UI: 屏幕适配简介
- spring mvc 中文乱码
- NGUI 类皇室战争(CR)的滚动列表效果完整实现(一)
- 面试题50_找到一条路径
- centos7下openstack环境的安装和配置
- BigDecimal()的使用
- 快速排序
- Linux---SSH使用总结