jQuery poshytip 插件的简单实用方法

最近在项目中有个需求是点击超链接,将记录添加到另外一个页面的一个按钮上面,点击按钮然后显示所有的添加的记录列表,在点击超链接的时候需要显示添加的信息

此事后poshytip 排上了用场,显示是添加还是删除或者修改了记录的个数


下面是用法


官网地址:http://vadikom.com/demos/poshytip/

poshytip 支持 hover, focus 事件,但是我需要的不是这些事件,那么还有一个就是none

直接看代码:

 JavaScript Code 
1
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);

}
);





  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值