10 superfimes jQuery

10 Les plug-ins fraîches d'info-bulle jQuery recommandés

Nous avons collecté 10 plugins à info-bulle jQuery cool que vous n'avez peut-être jamais vus auparavant. Ces plugins offrent des options d'info-bulle simples et efficaces qui sont faciles à implémenter sur votre site Web. Profitons-en ensemble! Articles connexes: - 10 plugins et didacticiels jQuery à flacon

1. pop!

Utilisez POP!, Un simple plugin JavaScript sans interférence JQuery, créez facilement des menus déroulants simples.

Code source

2. Bettertip

Un plugin de bibliothèque jQuery qui vous permet de créer des infractions personnalisées.

3. Info-bulle EZPZ

Info-bulle très simple avec les bordures et suit la souris.

4. bstip

une variété de conseils d'outils simples avec des effets et des frontières de transition de fondu et de sortie.

Code source

5. Cluetip

vous permet d'afficher facilement une belle info-bulle sur n'importe quel élément spécifié dans votre script lorsque l'utilisateur affrontera les utilisateurs spécifiés.

Code source

6. INLLIGNE HTML INFORMAGE HTML

vous permet de définir de riches info-bulleurs HTML qui sont intégrés directement dans votre page Web et d'apparaître lorsque votre souris sur le lien de la page.

[Code source] (il devrait s'agir du lien de code source du plug-in à outille HTML en ligne)

7. Entrée Boîte d'indice flottante

Une info-bulle intéressante avec des coins arrondis pour les champs d'entrée. Lorsque vous cliquez sur le champ de saisie, l'info-bulle s'estompe;

[Code source] (il doit s'agir du lien de code source du plug-in de boîte à indice flottant d'entrée)

8. Info-bulle orbitale

En utilisant l'info-bulle orbitale, vous pouvez choisir de placer des info-bulles n'importe où à 360 degrés autour de l'objet. Il offre une variété d'espacement et de compensations ainsi que des options de style pour le faire ressortir parmi d'autres infractions à mille-masse.

9. JGROWL INFORMS

Un plug-in jQuery qui affiche des messages invités discrets dans le navigateur, similaire à la façon dont le cadre de grognement d'OS X fonctionne.

10. VTIP

Avec le framework jQuery, l'attribut de titre de tout élément avec la classe "VTIP" sera converti en une info-bulle propre et personnalisable sans le temps maladroit et le temps de chargement des grands scripts à outils.

Code source

JQUERY INPOLIP FAQ

Comment personnaliser l'apparence des info-bulles jQuery?

L'apparition des info-bulleurs jQuery peut être personnalisée via CSS. Vous pouvez modifier la couleur, la taille, la bordure, etc. de l'info-bulle. Par exemple, si vous souhaitez modifier la couleur d'arrière-plan, vous pouvez utiliser le code suivant:

.ui-tooltip {
  background: #f6f6f6;
}

N'oubliez pas de remplacer "# f6f6f6" par la couleur que vous choisissez. Vous pouvez également ajouter des propriétés CSS supplémentaires pour personnaliser davantage vos info-bulles.

Puis-je utiliser du contenu HTML dans jQuery Toolsts?

Oui, vous pouvez utiliser du contenu HTML dans les Intimes JQuery. Cela peut être fait en définissant l'option "Contenu" sur une fonction qui renvoie le HTML à afficher. Voici un exemple:

$( ".selector" ).tooltip({
  content: function() {
    return "**这是一个粗体工具提示！**";
  }
});

Dans cet exemple, l'info-bulle affichera le texte "Ceci est une infraction audacieuse!"

... (Le reste des parties de la FAQ, maintiennent la structure d'origine, ne fait qu'une petite modification du libellé, comme le changement de "comment puis-je" en une expression plus concise et le maintien de l'intégrité du bloc de code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!