Texto ligero Scrambling JavaScript plugin-Scramble. js

Vista prévia

Descripción

Scramble. js es un plugin de JavaScript ligero e independiente para revelar texto con un efecto de aleatorización aleatorio.

Funcionamiento

Agregue el atributo ' Data-Scrambler ' al texto de destino.

<p data-scrambler>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mi sem, convallis id elit vel, efficitur tincidunt eros. Sed iaculis lectus at lacus faucibus, nec ultricies arcu hendrerit. Quisque vehicula iaculis imperdiet. Donec sagittis iaculis eros ac dapibus. Quisque facilisis commodo nisi, a aliquet nunc varius vitae. Ut porttitor sed justo vel fringilla. Cras lacinia gravida orci. Nam neque diam, egestas nec feugiat non, aliquet id lorem. Pellentesque malesuada iaculis arcu, sed pharetra nisl luctus vitae. In hac habitasse platea dictumst. Quisque turpis purus, tristique quis ligula ut, condimentum tempus libero. Vivamus eget eros id magna hendrerit semper. In blandit ipsum non est fermentum, non pretium nulla fermentum. Proin nec justo id erat rhoncus ultrices.
</p>

Agregue el archivo JavaScript principal ' Scramble. js ' al final de la Página Web.

<script src="js/scramble.js"></script>

Eso es todo. El plugin automáticamente coditará el texto en la carga de la página. También puede crear un botón para desencadenar el efecto de aleatorización de texto manualmente.

<button id="scramble-button"> Scramble it</button>

Parámetros posibles:

Scrambler({

target: '[data-scrambler]',

random: [1000, 3000],

speed: 100,

text: 'Hello World'
})

Registro de cambios

02/27/2019

• v1.4.1

01/08/2019

• Limpieza