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);

}
);