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