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