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