martes, 13 de octubre de 2015

Jquery - Tooltipster's plugin

Posted by daycry at 15:49 Labels: , , , , ,

Tooltipster es un plugin que nos permite animar nuestros tooltips de la aplicación web de forma elegante y animada.

Podemos descargar el código desde el siguiente enlace: Enlace 
<head>
...

    <link rel="stylesheet" type="text/css" href="css/tooltipster.css" />

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
    <script type="text/javascript" src="js/jquery.tooltipster.min.js"></script>

...
</head>

Integrar en el HTML

<img src="my-image.png" class="tooltip" title="This is my image's tooltip message!" />


<a class="ketchup tooltip" href="http://ejemplo.com/" title="This is my link's tooltip message!">Link</a>

<div class="tooltip" title="This is my div's tooltip message!">
   This div has a tooltip when you hover over it!
</div>

Activar Tooltipster

<head>

    ...

    <script>
        $(document).ready(function() {
            $('.tooltip').tooltipster();
        });
    </script>
</head>

No hay comentarios :

Publicar un comentario

Suscribirse a: Enviar comentarios ( Atom )