Nota marginal de Easy Side en Vanilla JavaScript-marginotes. js
| Autor: | mshenfield |
|---|---|
| Views Total: | 2,383 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 15, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
marginotes. js es una implementación de JavaScript de vainilla del plugin de JQuery marginotes que muestra notas marginales en el lado izquierdo de su contenedor de texto.
Funcionamiento
Descargue y coloque la biblioteca de JavaScript de marginotes. js al final de su página HTML.
<script src="marginotes.js"></script>
Agregue sus notas marginales personalizadas usando el atributo DESC del elemento como este:
<span desc = "Simple Free JavaScript / CSS / CSS3 / HTML5 codes to make your life easier.">CSS Script </span> <a href="https://wikicss.com" desc = "Simple Free JavaScript / CSS / CSS3 / HTML5 codes to make your life easier.">CSS Script </a>
Inicialice marginotes. js con las opciones predeterminadas.
marginotes(document.querySelectorAll("a,span")) Opciones disponibles.
marginotes(document.querySelectorAll("a,span", {
// sets the note's width.
width: 100,
// sets the html attribute to look for
field: 'desc'
}))
