souris sur l'effet en html

Question

s'il vous plaît dites-moi la syntaxe html avec l'exemple de sorte que lorsque je crée une image avec lien hypertexte.i obtenir un commentaire généré à côté de ce que fera ce lien?

Answer 1

<a href="http://www.google.com" title="Go to google"><img src="/images/yourimage.png" /></a> 

Answer 2

Vous voulez dire comme un survol d'un message? Vous pouvez le faire en ajoutant simplement un title à la balise link:

<a title="add a comment to this post">add comment</a> 

Answer 3

Quelque chose comme cela, je suppose:

<img src="worldmap.jpg" alt="Worldmap" title="Map of the World" usemap="#world"> 

<map name="world"> 
<area href="uk.html" alt="United Kingdom" title="United Kingdom" shape="poly" coords="150,217,190,257,150,297,110,257"> 
<area href="us.html" alt="United States" title="United States" shape="poly" coords="10,20,100,20,120,100,5,110"> 
</map> 

Answer 4

Pour une info-bulle système standard, utilisez le title attribute (fonctionne pour presque tous les éléments , accepte que du texte, certains navigateurs tronquer après quelques centaines de caractères):

<a href="url" title="supplemental text">link contents</a> 

pour le contenu arbitraire à apparaître sur le vol stationnaire:

a:not(:hover) .supplement { display: none; } 
a .supplement { position: absolute; } 
... 
<a href="url">link contents <span class="supplement">supplemental text</span></a> 

Cela fonctionne sans se soucier de savoir si le "contenu de la liaison" est du texte ou une image.

Answer 5

Je pense que vous posez des questions sur l'attribut alt pour les images. Dans certains navigateurs, lorsque vous passez la souris sur l'image, le contenu de la balise alt est affiché, mais pas dans tous les navigateurs.

<img src="image.jpg alt="Some text here" /> 

Si vous souhaitez une aide contextuelle alors vous aurez à accomplir cela avec javascript, désolé mais je suis incapable de donner un exemple.