☰

divにツールチップを追加する 質問する

tag-icon • tag-icon javascript html css tooltip
divにツールチップを追加する 質問する

次のような div タグがあります:

<div>
  <label>Name</label>
  <input type="text"/>
</div>

:hoverdiv にツールチップを表示するにはどうすればよいですか。できればフェードイン/フェードアウト効果を付けてください。

ベストアンサー1

基本的なツールチップでは、次のようになります。

<div title="This is my tooltip">

のように：

.visible {
  height: 3em;
  width: 10em;
  background: yellow;
}
<div title="This is my tooltip" class="visible"></div>

より高度な JavaScript バージョンについては、以下を参照してください。

https://jqueryhouse.com/best-jquery-tooltip-plugins/

上記のリンクでは、ツールチップのオプションが 25 個提供されています。

おすすめ記事