Quelques solutions pour créer des infobulles dynamiques
Publié le 26 juin | par Neoweb| HTML & CSS
L’infobulle est un bon moyen de donner des informations supplémentaires à l’internaute sans surcharger la page. L’information apparaît lorsqu’il survole un élément, et disparaît dès que la souris s’éloigne.
L’infobulle est de plus en plus utilisée, elle permet d’économiser de l’espace et de gagner en convivialité.
Voici 6 excellentes solutions pour créer des infobulles en utilisant les librairies jQuery, MooTools et CSS.
Prototip 2
Prototip vous permet de créer facilement aussi bien des infobulles simples que complexes en utilisant le framework javascript Prototype. Il propose des effets d’apparition variés, ainsi que de nombreuses options de contrôle des infobulles (disparition retardée, ou uniquement quand l’utilisateur reclique sur l’élément par exemple) . Démo
Simpletip
Simpletip permet de créer des infobulles sur n’importe quel élément de la page en utilisant le framework jQuery. Les infobulles peuvent être statiques ou dynamiques, ou même chargées en AJAX. De nombreux effets visuels sont également disponibles, ainsi que des options de positionnement.
MooTools 1.2 Tooltips
Mootools Tooltip permet de créer des infobulles personnalisées, en utilisant comme son nom l’indique la librairie Mootools 1.2. Démo
EZPZ Tooltip
Tout comme Simpletip, EZPZ Tooltip est très flexible, il permet de créer des infobulles simples, dynamiques ou en Ajax. Il utilise le framework JQuery, et propose différents effets d’affichage. Démo
qTip
qTip utilise lui aussi le framework Jquery, pour créer des infobulles contenant simplement du texte, des images, des vidéos ou encore des minatures de sites. De nombreuses options de positionnement et de mise en forme sont également disponibles. Démo
JQuery InputHintBox
Articles en relation
Inspiration : des menus pour vos sites web →
The-M-Project, un framework HTML5 Javascript pour le développement web mobile →
Utiliser un indicateur d’activité en SVG ou VML via jQuery →
