Bubble Popup JQuery

Question

Je suis en train de faire une "bulle" qui peut popup lors de l'événement onmouseover est tiré et restera ouvert tant que la souris est sur l'élément qui a déclenché l'événement onmouseover OU si la souris est déplacée dans la bulle. Ma bulle aurez besoin d'avoir toutes les manières de html et de style, y compris les liens hypertexte, des images, etc.

J'ai essentiellement fait en écrivant sur 200 lignes de laide en javascript mais j'aimerais vraiment trouver une belle plugin JQuery pour nettoyer un peu. J'ai fait quelques recherches et je ne pouvais pas trouver quelque chose pour répondre à ma fantaisie.

Est-ce quelqu'un connais un bon plugin JQuery pour faire des bulles de fantaisie? S'il vous plaît laissez-moi savoir si vous avez des questions ou besoin de plus d'informations et je serais heureux d'ajouter plus de!

Answer 1

Qtip est le meilleur que j’ai vu. Il est MIT sous licence, belle, a tout la configuration dont vous avez besoin.

Mon option favorite léger est ivre. Aussi MIT sous licencié. Elle a inspiré plugin tooltip de Bootstrap.

Answer 2

Bien que qTip (la réponse acceptée) est bon, j’ai commencé à l’utiliser, et il lui manquait certaines fonctionnalités que j’avais besoin.

J’ai ensuite tombé sur PoshyTip - c’est très souple et très facile à utiliser. (Et que je pouvais faire ce que j’ai eu besoin)

Answer 3

OK, après quelques recherches, je suis en mesure d’obtenir une « bulle » de la pop up et disparaissent à toute la droite fois. Il y a beaucoup de style qui doit se passer encore, mais c’est essentiellement le code que j’ai utilisé.

Voici un extrait du code html qui va avec :

Answer 4

J'ai programmé un utile Plugin jQuery pour créer facilement smart bulle de fenêtres pop-up avec seulement une ligne de code en jQuery!

Ce que Vous pouvez faire: - joindre les popups pour tout élément du DOM! - passage de la souris/mouseout événements gérés automatiquement! - de définir des popups événements! - créer des smart ombre popups! (dans IE trop!) - choisir du popup modèles de style au moment de l'exécution! - insérer des messages en HTML à l'intérieur de popups! - définir de nombreuses options telles que: les distances, la vitesse, les retards, les couleurs...

Du pop-up ombres et colorisé modèles sont entièrement pris en charge par Internet Explorer 6+, Firefox, Opera 9+, Safari

Vous pouvez télécharger les sources de http://plugins.jquery.com/project/jqBubblePopup