Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute.
http://onehackoranother.com/projects/jquery/tipsy/
By default, tooltips will appear centred underneath their anchor:
Basic example:
$('#example-1').tipsy();
test.html
<html>
<head>
<script src="jquery-1.4.2.min.js" type=text/javascript ></script>
<script src="jquery.tipsy.js" type=text/javascript /></script>
<script src="Tooltip.js" type=text/javascript></script>
<link href="tipsy.css" rel=stylesheet type=text/css >
</head>
<body>
<h1>test</h1>
<a id="test_anchor" href="#" original-title="My tooltip">my link</a>
</body>
</html>
Tooltip.js
$(document).ready(function () {
$("*").tipsy({fade : true, delayOut : 500});
});