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>
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>
Souvent, j’ai recours à l’abréviation HTML dans cette situation.
<abbr title="Hover">Text</abbr>
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>
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.