Biblioteca de información sobre herramientas HTML5 de luz/oscuridad-minitooltip
| Autor: | leocamelo |
|---|---|
| Views Total: | 1,564 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
minitooltip es una solución de JS pura para crear descripciones emergentes de HTML5 personalizables usando atributos de datos o clases CSS.
Instalación
# Yarn $ yarn add minitooltip # NPM $ npm install minitooltip --save
Funcionamiento
Agregue el minitooltip. CSS a la sección Head de la página HTML.
<script src="minitooltip.min.js"></script>
Anexar una información de herramientas predeterminada a los elementos DOM de destino mediante el atributo de sugerencia de datos de HTML5:
<span data-tip="Tooltip Content">Hover Me</span>
O utilizando la clase CSS y el atributo title:
<span class="tip" title="Tooltip Content">Hover Me</span>
Cambie la posición de la información de herramientas.
<span data-tip="Tooltip Content" data-tip-position="down">Hover Me</span> <span class="tip-down" title="Tooltip Content">Hover Me</span>
Establezca el tema de información sobre herramientas en ' Light '.
<span data-tip="Tooltip Content" data-tip-theme="light">Hover Me</span> <span class="tip-down tip-light" title="Tooltip Content">Hover Me</span>
Registro de cambios
09/26/2018
- v0.2.8
