Ligero plugin de información animada para JavaScript-MarcTooltips. js
| Autor: | marcrobledo |
|---|---|
| Views Total: | 1,431 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 24, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
MarcTooltips. js es una biblioteca de JavaScript para adjuntar una información de herramientas personalizada de CSS3 animada a cualquier elemento que se pueda desencadenar mediante eventos de desplazamiento, clic y/o foco.
Funcionamiento
Enlace al JavaScript y la hoja de estilos de MarcTooltips:
<link href="MarcTooltips.css" rel="stylesheet"> <script src="MarcTooltips.js"></script>
Crear una información básica que se desencadenará por el evento Hover.
MarcTooltips.add('#element', 'Tooltip text here'); Cambie el evento de desencadenador predeterminado.
MarcTooltips.add('#element', 'Tooltip text here', {
onClick:true, // trigger on click
onFocus:true // trigger on focus
}); Cambie la posición y la alineación predeterminadas.
MarcTooltips.add('#element', 'Tooltip text here', {
position: 'down|up|left|right',
align: 'center|left|right|top|bottom'
}); Agregue una clase CSS adicional a la información sobre herramientas. Útil para crear tus propios estilos.
MarcTooltips.add('#element', 'Tooltip text here', {
className: 'additional-classname'
});
