jQuery Bubble popup example program

Mirthbees

13 years ago

jQuery Bubble popup program example:

Download the jQuery Bubble popup example program

Step 1: Javadomain-jquery-bubble-popup.html

<!DOCTYPE HTML>
<html>
<head>
<title>jQuery Bubble Popup - Javadomain</title>
<link href="jquery-bubble-popup-v3.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery-bubble-popup-v3.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){
$('.button').CreateBubblePopup({position:'top',align:'center',
innerHtml: 'Javadomain First Jquery Bubble popup!',innerHtmlStyle: {color:'#FFFFFF','text-align':'center'},themeName: 'all-black',themePath:'jquerybubblepopup-themes'});
});
</script>
</head>
<body>
<div class="page">
	<div class="header">

	  <h3 align="center">Javadomain jQuery Bubble Popup Example</h3>

	</div>
	<div class="content">
	<br>
<div class="button" align="center">come here!</div>
	<br>
	<br>
	</div>
	</div>
</body>
</html>

Step 2: Download the required below dependent files,

1. jquery-1.7.2.min

2. jquery-bubble-popup-v3.min

3. jquery-bubble-popup-v3

Step 3: Put everything in the same location and open the Javadomain-jquery-bubble-popup.html

Output: