Comportamientos de cursor personalizados en JavaScript puro-control-User-cursor
| Autor: | javierbyte |
|---|---|
| Views Total: | 1,616 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 17, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de JavaScript independiente que reemplaza el cursor predeterminado con sus propios estilos y aplica ' repeler ' y ' atraer ' comportamientos de cursor a los elementos de destino en el desplazamiento.
Funcionamiento
Importe el archivo JavaScript principal en su proyecto Web.
<script src="index.js"></script>
Inicialice el control-User-cursor y especifique el comportamiento & elemento de destino en el código JavaScript como se muestra a continuación:
ControlUserCursor({
el: {
buttonToPrevent: {
behavior: 'REPEL',
el: document.querySelector('.element-to-repel')
},
buttonToAttract: {
behavior: 'ATTRACT',
el: document.querySelector('.element-to-attract')
}
}
});
