Tooltipster è un leggero plugin per jQuery che permette di creare tooltips eleganti e funzionali con facilità, HTML5 compatibili.
- Supporta i tag HTML all’interno del tooltip
- Leggero nella dimensione
- Estremamente flessibile e rapido da utilizzare
- Facilmente personalizzabile nello stile con CSS – nessuna immagine necessaria
- Piena compatibilità anche con IE
Implementazione
1 2 3 4 5 6 7 |
<head> ... <link rel="stylesheet" type="text/css" href="css/tooltipster.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="js/jquery.tooltipster.min.js"></script> ... </head> |
Esempio di tooltip aggiunto ad una immagine
1 |
<img src="my-image.png" class="tooltip" title="This is my image's tooltip message!" /> |
Esempio di tooltip aggiunto ad un link
1 |
<a href="#" class="tooltip" title="This is my link's tooltip message!">Link</a> |
Esempio di tooltip aggiunto ad un DIV
1 2 3 |
<div class="tooltip" title="This is my div's tooltip message!"> <p>This div has a tooltip when you hover over it!</p> </div> |
Inizializzazione del plugin
1 2 3 4 5 6 7 8 |
<head> ... <script> $(document).ready(function() { $('.tooltip').tooltipster(); }); </script> </head> |
Download Demo | Sito Web | Autore
pixolo ads
Pingback: TS TV Escorts from London()