2010-06-07 10 views
40

J'affichons 5 userImage sur un screen.I souhaitez afficher userID et email sur mouseover sur les userImage.I utilisés alt propriété de contrôle d'image, mais qui ne fonctionne pas dans mozila, le chrome et certaines versions de IE. Alors, quelles sont les autres meilleures façons d'afficher des informations sur mouseover?comment puis-je afficher l'infobulle ou l'information sur une souris?

Répondre

52

Utilisez l'attribut title tandis que alt est important pour les éléments de référencement.

+1

Votre lien de titre n'est pas utilisable dans ce problème. – Svisstack

+1

@Svisstack: vous avez raison mais vous l'avez corrigé maintenant. – Sarfraz

+0

L'importance d'ALT est l'accessibilité aux personnes ayant une déficience visuelle. –

25

La manière la plus simple d'obtenir des info-bulles dans la plupart des navigateurs est de définir du texte dans le title attribute.

par ex.

<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" /> 

produit (passez votre souris sur l'image):

a cat http://www.imagechicken.com/uploads/1275939952008633500.jpg

Titre attributs peuvent être appliqués à la plupart des éléments HTML.

+0

mais il affiche toutes les informations en une seule ligne si - a cat nectar

+0

@nectar: ​​vous ne pouvez pas insérer des sauts de ligne en utilisant cette méthode - vous devez laisser au navigateur pour insérer des sauts de ligne où il pense le plus approprié – adrianbanks

8

Le title attribute fonctionne sur la plupart des balises HTML et est largement supporté par les navigateurs modernes.

+0

mais il affiche toutes les informations en une seule ligne que si - a cat nectar