Wie füge ich einen Tooltip zu einem Spannenelement hinzu?

In den folgenden Code, ich möchte ein Tool-Tipp zu kommen, wenn der Benutzer schwebt die Spanne, wie kann ich das tun? Ich don't wollen keine Links zu verwenden.

<span> text </span>
Lösung

Hier ist der einfache, integrierte Weg:

<span title="My tip">text</span>

Damit erhalten Sie einfache Text-Tooltips. Wenn Sie reichhaltige Tooltips mit formatiertem HTML haben wollen, müssen Sie eine Bibliothek verwenden, die dies ermöglicht. Glücklicherweise gibt es eine Menge davon.

Kommentare (7)

In den meisten Browsern wird das title-Attribut als Tooltip dargestellt und ist im Allgemeinen flexibel, was die Art der Elemente betrifft, mit denen es funktioniert.

<span title="This will show as a tooltip">Mouse over for a tooltip!</span>
<a href="http://www.stackoverflow.com" title="Link to stackoverflow.com">stackoverflow.com</a>
![Something](something.png)

All diese Elemente werden in den meisten Browsern als Tooltips dargestellt.

Kommentare (0)

das Attribut "title" wird vom Browser als Text für den Tooltip verwendet, wenn Sie einen Stil darauf anwenden wollen, sollten Sie einige Plugins verwenden

Kommentare (0)