qTip jQuery Plugin
Qtip es un plugin jQuery para mostrar información extra sobre links, lo que se suele denominar como tooltips.
Ha sido construido a partir de cero para ser fácil de usar, sin embargo, es rico en características, Qtip proporciona una infinidad de opciones, como esquinas redondedas, tamaño, color del texto, fondo, etc.
Implementarlo en tu Web es muy sencillo, tan solo tienes que descargar el plugin junto con la librería jQuery y la llamada al plugin con las opciones que necesites:
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="jquery.qtip-1.0.0-rc3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".example").qtip({
content: 'Contenido del tooltip!',
position: {
corner: {
target: 'topMiddle',
tooltip: 'bottomLeft'
}
},
style: {
width: 200,
padding: 5,
background: '#A2D959',
color: 'white',
textAlign: 'center',
border: {
width: 7,
radius: 5,
color: '#A2D959'
},
tip: 'bottomLeft'
}
});
});
</script>
Y luego en <body> de la página tendremos el link con class=»example»:
<a href="#" class="example">Hover over me to see an example</a>
que tras pasar el botón por encima aparecerá el tooltip.
Ver más documentación
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
3 respuestas a “qTip jQuery Plugin”
Deja una respuesta
11 artículos que te podrían interesar
Ver más sobre
[…] muchos plugins interesantes para crear tooltips como por ejemplo qTip o ClueTip entre otros. En este artículo vamos a ver una forma sencilla de conseguir el efecto de […]
[…] muchos plugins interesantes para crear tooltips como por ejemplo qTip o ClueTip entre otros. En este artículo vamos a ver una forma sencilla de conseguir el efecto de […]
buena pagina primo me ayuda bastante sigue adelante y buenos deseos