jquery.mb.balloon
A fancy, cleaver balloon for your content
click me
(with overlay - custom color - close button)
data-textcolor = #333, data-bordercolor = #999, data-bgcolor = #f0f0f0, data-addclose = true, data-position = up, data-balloon = To close me you've to click on the x,
Show the balloon on document load
(with overlay - shows for 5 sec.)
data-onlyonce = false, data-timer = 5000, data-balloon = Welcome to the Balloon demo page, data-bgcolor = #ffa227, data-overlayopacity = .98, data-overlaycolor = linear-gradient(135deg, rgb(31, 97, 193) 0%, rgb(81, 150, 191) 100%), data-highlight = true, data-css = balloon-large, data-addoverlay = true,
click me
(without overlay)
data-addoverlay = false, data-event = click, data-balloon = {element} #domContent,
balloon4: Click me
(the content is from an ajax call)
data-canclosecondition = canClose, data-balloon = {ajax} balloon-ajax-content.html, data-textcolor = #333, data-bordercolor = #999, data-event = click, data-addclose = true, data-bgcolor = #f0f0f0,
Rollover me
(on mouseover - has a delay of 2 sec. and shows for 3 sec.)
data-timer = 3000, data-event = hover, data-balloon = {element} #domContent, data-addoverlay = true, data-highlight = true, data-delay = 1000, data-position = up,
Rollover me
(the content is from an ajax call)
data-balloon = {ajax} balloon-ajax-content.html, data-textcolor = #333, data-bordercolor = #999, data-event = hover, data-addclose = false, data-bgcolor = #f0f0f0,
click me
(with overlay and close btn)
data-balloon = Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna., data-addclose = true,
click me (the content is from an ajax call)
