déc
23

JQuery ‘Tool Tip’ Bulle d’informations

Bonjour,

Je vous présente le plugin pour JQuery ToolTip.
Ce plugin est très facile d’utilisation, l’ont inclus le .js de JQuery entre <head> et </head>  ainsi que : <script src= »js/jtip.js » type= »text/javascript »></script>

Les css se trouvent dans le fichier global.css à la fin du fichier dans l’archive que vous pouvez télécharger sur le lien plus bas.
Les images associé au css se trouve aussi dans l’archive.


Entre <body> et </body> partout ou l’ont veux placer une info-bulle ont procède comme suit:

<a  id= »one » class= »jTip » name= »Test » href= »test.html?idth=675″>Test</a>

?width=675 ont auras compris que ce sera la largeur de l’info-bulle, le id doit être unique et différent pour chacune des info-bulles.

test.html doit contenir le message a afficher ex:

Ceci est un test

name= »Test » ce paramètre n’est pas obligatoire mais affiche le titre de l’info-bulle.

Démo et téléchargement: http://www.codylindley.com/blogstuff/js/jtip/


1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5,00 out of 5)
Loading ... Loading ...

Pas de Commentaire

Laisser un Commentaire

Aucun Commentaire présentement.

RSS des commentaires   TrackBack URL

Laisser un Commentaire

top