It can be done with CSS only, no javascript at all : running demo. Apply a custom HTML attribute, eg. data-tooltip="bla bla" to your object (div or whatever):
CSS Tooltip. The CSS tooltip appears when user moves the mouse over an element, or when user tap the element with a mobile device. Demo Source Code: TOP
HTML: Use a container element (like <div>) and add the "tooltip" class to it. When the user mouse over this <div>, it will show the tooltip text. The tooltip ...