2012-11-06 6 views
2

J'ai besoin de montrer une info-bulle onClick (au lieu de hover) et il devrait disparaître après 200msInfo-bulle sur le bouton cliquez sur

Une aide?

+0

... tout * progrès *? Où êtes-vous coincé? –

+0

Si vous parlez de l'info-bulle par défaut qui utilise l'attribut 'title' alors ce n'est pas possible, vous devrez écrire votre propre bibliothèque javascript/jquery ou utiliser des solutions prêtes comme qTip ou autre chose (il suffit de les rechercher en ligne, –

+0

Je suis nouveau sur javascript et jQuery ... Et je recherche depuis longtemps une librairie qui pourrait afficher une infobulle sur un clic de bouton puis disparaître après 200ms – user1802327

Répondre

0

J'utilise habituellement ce jQuery-plugin:

TipTip jQuery Plugin

Voici un exemple de code HTML:

<img class="example" src="example.jpg" title="Example text" /> 

Vous pouvez personnaliser l'info-bulle comme ceci:

$(document).ready(function(){ 
    $(".example").tipTip({activation: "click"}); 
}); 

L'info-bulle apparaît lorsque vous cliquez sur l'image, mais il ne disparaîtra que lorsque vous passez la souris sur l'image.