ヒントを表示する [helpers]

概要

ヒントアイコン等をマウスオーバーすると、説明文が表示される。

head内に追記

<script charset="UTF-8" src="hint.js"></script>

使い方：ヒントを表示する

const H = new Hint();
H.attachEvents(elements);
elements {HTMLElement[]}
ヒントを表示するエレメント

デモ

<span class="hint" data-hint="マウスオーバーをすると表示して、マウスアウトで非表示になります。&lt;br&gt;改行もできるよ">？</span>
難しい言葉 ？