qtip2 - 显示无限跳跃效果

时间:2012-08-24 14:22:38

标签: jquery qtip2

Hello iam使用qtip2没有任何问题,我想通过经典的跳跃效果将用户关注点放在一些通知上。

这不是关于如何通过转换显示qtip,而是关于在显示时跳跃qtip。

我在API中找到position effect method,但我不知道如何将它用于无限循环的跳跃效果。

有人知道吗?

1 个答案:

答案 0 :(得分:0)

虽然不是无限的,但我目前正在使用以下反弹效果。

$('#yourID').qtip({
content: {
    text: 'Your alert information!'
},
position: {
    my: 'bottom center',
    at: 'top left'
},
show: {
    ready: true
},
hide: 'unfocus',                
events: {
    show: function (event, api) {
        $(this).show("bounce", { times: 5, distance: 50 }, 1000);                           
    }
},
style: {
    classes: 'ui-tooltip-shadow ui-tooltip-red'
}
});