web-dev-qa-db-fra.com

Ajoutez du texte en survol sans javascript, comme pour le survol de la réputation de l'utilisateur

Dans stackoverflow, lorsque nous survolons la réputation d'un utilisateur, nous voyons un texte. J'ai vu cela à de nombreux endroits et le code source me dit que cela peut être fait sans js. Et j'ai essayé et je n'ai eu que ça-

 <div="text">hover me</div>
224
Ash

Utilisez l'attribut title, par exemple:

<div title="them's hoverin' words">hover me</div>

ou:

<span title="them's hoverin' words">hover me</span>
429
gcochard

Souvent, j’ai recours à l’abréviation HTML dans cette situation.

<abbr title="Hover">Text</abbr>

https://www.w3schools.com/tags/tag_abbr.asp

15
Harry Bosh

L'attribut title fonctionne également bien avec d'autres éléments HTML, par exemple un lien ...

<a title="hover text" ng-href="{{getUrl()}}"> download link
</a>
14
Slavomir

Vous cherchez une infobulle

Pour l'info-bulle de base, vous voulez:

<div title="This is my tooltip">

Pour une version améliorée de javascript, vous pouvez regarder dans:

http://www.designer-daily.com/jquery-prototype-mootool-tooltips-12632

Le lien ci-dessus vous donne 12 options pour les info-bulles.

7
Abk