Alternar clases CSS con Pure JavaScript-ClassToggle. js
| Autor: | mvdschee |
|---|---|
| Views Total: | 1,168 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 28, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
ClassToggle. js es una biblioteca de JavaScript pequeña y reutilizable que se usa para alternar las clases CSS con desencadenadores personalizados.
Funcionamiento
Coloque la versión minimizada de la biblioteca ClassToggle. js en la parte inferior de la Página Web.
<script src="ClassToggle.min.js"></script>
Cree desencadenadores y elementos asociados de la siguiente manera:
<span id="1_trigger" class="execute_1">click on me</span> <span id="2_trigger" class="execute_2">click on me</span> <span class="execute_1">1</span> <span class="execute_2">2</span> <span class="execute_1">3</span> <span class="execute_2">4</span> <span class="execute_1">5</span>
Aplicar estilos CSS personalizados a los elementos.
[class*=execute].active { background: #ccf }
[id*=trigger].active:hover { background: #66f } Registro de cambios
12/28/2018
- v0.1.0
