ClueTip – Plugin jQuery – Un ToolTip complet

ClueTip est un plugin jQuery qui existe depuis déjà assez longtemps, mais dont je n’avais jamais parlé sur ce blog. C’est un plugin qui va vous permettre de créer des tooltips de toutes sortes et de mettre en place les éléments assez aisément et avec une syntaxe assez simple pour un développeur qui a des notions en jQuery.

cluetip jquery

Voici la façon la plus simple d’utiliser le plugin :

[pastacode lang= »javascript » manual= »%24(‘a.title’).cluetip()%3B » message= » » highlight= » » provider= »manual »/]

et l’élément concerné :

[pastacode lang= »markup » manual= »%3Ca%20class%3D%22title%22%20title%3D%22Je%20suis%20un%20tooltip%22%20href%3D%22%23%22%3ESurvolez%20moi%3C%2Fa%3E » message= » » highlight= » » provider= »manual »/]

 

Ce qui permettra d’avoir un tooltip avec comme texte à l’intérieur, le title du lien.

Bien entendu ClueTip ce n’est pas seulement ça et permet de récupérer du texte en ajax, permet de mettre des images, apparaitre sur la droite ou la gauche, avoir une feuille de style et j’en passe…

Une démo très complète existe sur ce lien.

Lien direct vers la page du plugin : http://plugins.learningjquery.com/cluetip/
Vers l’API : http://plugins.learningjquery.com/cluetip/#options

Author: Franck Pertegas

Share This Post On

2 Comments

  1. Oui je confirme, tooltip assez sympa. Pas mal de possibilités.
    En fonction du besoin c’est soit Tipsy soit ClueTip.
    S.

    Post a Reply

Trackbacks/Pingbacks

  1. Liste de tous les plugins jQuery testés sur le blog | LudiBlog - [...] Effets Growl carouFredSel jNotify Facebox jQuery Slick Plugin DropDown Menu jPages msdropdown SuperFish Image Cube jQuery Approach (mb)Extruder Pajinate…
  2. 62 plugins jQuery sur LudiBlog pour 2014 ! | LudiBlog - […] Effets BackStrecth parallax.js HeapBox Growl carouFredSel jNotify Facebox jQuery Slick Plugin DropDown Menu jPages msdropdown SuperFish Image Cube jQuery…

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *