MooTips

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>MooTips</title>
	<script type="text/javascript" src="mootools-1.2.1-core-yc.js"></script>
	<script type="text/javascript" src="mootools-1.2-more.js"></script>
	<script type="text/javascript">
		window.addEvent('domready', function() {
		    $('simple_tip').store('tip:title', "This is the Title");
		    $('simple_tip').store('tip:text', "This is the Text");
		    
		    var SimpleTip = new Tips($('simple_tip'), {
		        showDelay: 0,
		        hideDelay: 0,
		        offsets: {x: 10, y: 10},
		        fixed: false
		    });
		});
	</script>
	
	<style type="text/css">
/* MooTools.Tips */
.tip-top {
	color: #fff;
	width: 139px;
	z-index: 13000;
}		 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
	color:#fff;
}
.tip-text A {
	color:#069;
}
.tip-loading {
	background: url(ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}	
	</style>
</head>
<body>
	<img src="moo.png" id="simple_tip" />
</body>
</html>
MooTools.Tips v1.2.1 - Simple
