MdN - ツールボックス

カーソルを合わせると表示するツールチップ

デフォルトだとtitle=""なので何も表示されません
オプションtitle,placementを使うとこんな感じ(デフォルトでanimationはtrue(有効)のためフワッとゆっくり表示:fadeをサポートしているブラウザでのみ確認可能)
オプションanimationをfalse(無効)にするとこんな感じ(サッと即時に表示)
オプションtriggerをclickに変更するとクリック時にツールチップの表示/非表示が切り替わる動作になります
画像にツールチップを適用するとこんな感じ
オプションdelayを使用するとツールチップの表示と非表示を遅らせる(ミリ秒)ことが可能です
オプションの記述をタグの外だしにするとこんな感じ(見た目には変わりませんが)
上(0秒で表示) 右(0秒で表示) 左(3秒で表示) 下(3秒で表示)
以下ボタンにて上記ツールチップの表示/非表示を制御できます