iTooltip

<span title="Simple tooltip.">Simple tooltip.</span>
<span title="<i>HTML</i> in the <b>tooltip</b>.">HTML in the tooltip.</span>

<script src="/path/to/iTooltip.js"></script>
<script>
	// Apply to all elements with an attribute title.
	var tooltip = new iTooltip() // Or var tooltip = new iTooltip('*')
	tooltip.init()
</script>

// Change selector.
var tooltip = new iTooltip('.my-selector')
tooltip.init()

// Set options.
var tooltip = new iTooltip()
tooltip.init({
	className: 'my-class-name', // Changes the class name for a block with a hint.
	indentX: 3, // Horizontal indent. (In pixels)
	indentY: 3, // Vertical indent. (In pixels)
	// The initial position of the tooltip horizontally.
	positionX: 'left', // Variants: 'left', 'right', 'center'.
	// The initial position of the tooltip vertically.
	positionY: 'center' // Variants: 'top', 'bottom', 'center'.
	// WARNING!
	// positionX and positionY can not simultaneously have the value "center".
})

• className - tooltip
• indentX - 10px
• indentY - 15px
• positionX - right
• positionY - bottom

.tooltip { /* or your class if changed */
	background-color: #282c34;
	color: #98c379;
	/* other styles */
}