Examples

下面是一组气泡动画效果,点击这里来查看效果。

没有文字不同的样式带关闭按钮大气泡效果

$('#grumble1').grumble(        {               text: '',               angle: 200,             distance: 3,            showAfter: 1000,                hideAfter: 2000 });$('#grumble2').grumble(      {               text: 'Ohh, blue...',           angle: 180,             distance: 0,            showAfter: 2000,                type: 'alt-',           hideAfter: 2000 });$('#grumble3').grumble(      {               text: 'Click me!',              angle: 150,             distance: 3,            showAfter: 3000,                hideAfter: false,               hasHideButton: true,            buttonHideText: 'Pop!'  });$('#grumble4').grumble(      {               text: 'Whoaaa, this is a lot of text that i couldn\'t predict',         angle: 85,              distance: 50,           showAfter: 4000,                hideAfter: 2000,        }););