Usage

Out of the box:

new Bubble('element_id');
				

With all options:

new Bubble('element_id', {
	onHide: function(bubble, element){
	
	},
	onEnter: function(bubble, element){
	
	},
	onLeave: function(bubble, element){
	
	},
	onShow: function(bubble, element){
	
	},
	url : 'form.html',
	hideDelay : 2000,
	fadeDuration: 800,
	position: 'right',
	bubbleClass: 'bubble',
	bubbleCap: 'bubble_cap',
	bubbleMiddle: 'bubble_middle',
	bubbleFoot: 'bubble_foot'
});
				

Demo

• Quick Form
• Image
• Video
• Text

Details

onHide, onEnter, onLeave, onShow : Function to be fired on different events, option parameters include bubble, and element.
url : pulled from HREF attribute of link clicked as string
hideDelay : amount of time to show the bubble before beginning the fade in milliseconds
fadeDuration : length of animation fade time in milliseconds
position : where to place the bubble, will take 'above', 'below', 'left', or 'right'
bubbleClass, bubbleCap, bubbleMiddle, bubbleFoot : CSS classes for each element of the bubble.