コミュニティセントラル
このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
原文 : w:Help:Tooltips
Mouse-over tool-tip

大規模なツールチップの例 (Ikariam Wiki の Dumpページより)

ツールチップ (Tooltip) とは、テキストなど、ページの特定の部分にマウスオーバーしたときに追加情報を表示するホバーエフェクトです。

詳しい手順[]

ツールチップを表示したいテキストを span タグで囲い、パラメータを title="表示したいテキスト" のように設定します:

<span title="これがツールチップです!">ここにマウスを乗せるとツールチップが現れます!</span>

すると次のようになります:

ここにマウスを乗せるとツールチップが現れます!

属性 style="cursor:<cursor-style>;" を追加すると、マウスオーバーしたときのカーソルのデザインを変更することもできます:

  1. style="cursor:help;" はこのようになります:
    ここをマウスオーバーして「ヘルプ」カーソルを表示してください。
  2. style="cursor:pointer;" は次のようになります:
    ここをマウスオーバーして「ポインタ」カーソルを表示してください。

関連情報[]

その他のヘルプとフィードバック[]