Use powertip

by doug65536

HTML

<script src="//cdn.jsdelivr.net/jquery.powertip/1.1.0/jquery.powertip-1.1.0.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.powertip/1.1.0/jquery.powertip.css">
<div id="container">
<div class="hastip" data-powertip="You moused over hello">Hello</div>
<div class="hastip" data-powertip="This is a random powertip">People</div>
</div>

CSS

#container { margin: 100px; }
.hastip { display: inline-block; padding: 16px; }

JavaScript

$('.hastip').powerTip();