Red de conocimiento informático - Aprendizaje de programación - Utilice el complemento unlock.js para implementar el desbloqueo deslizante de jQuery

Utilice el complemento unlock.js para implementar el desbloqueo deslizante de jQuery

El complemento unlock.js tiene las siguientes funciones:

Deslizar para desbloquear.

Se puede personalizar el tamaño, color, tamaño de fuente, etc.

Una vez completado el desbloqueo, hay una función de devolución de llamada que activa un procesamiento adicional de datos.

Cómo utilizar

1.

Primero introduzca los archivos unlock.css y unlock.js en la página.

href="css/unlock.css"

rel="externo

nofollow"

rel="stylesheet">

src='js/unlock.js'>

2.

Luego use un

como contenedor para el control deslizante para diseñar una estructura HTML simple.

id

=

"foo">

3.

Finalmente inicialice el complemento. Después de cargar los elementos DOM de la página, puede inicializar el complemento de desbloqueo de diapositivas mediante el siguiente método.

var

$contenedor

=

$('#foo');

$contenedor. slideToUnlock(options);

Parámetros de configuración

configuración del complemento de desbloqueo deslizante unlock.js. js configuración del complemento de desbloqueo deslizante:

Parámetros

Valor predeterminado

Descripción

Ancho

El valor predeterminado es El ancho del contenedor

El ancho del control deslizante

Alto

El valor predeterminado es el alto del contenedor

La altura del control deslizante

bgColor

#E8E8E8

El color de fondo del control deslizante

progressColor

#FFE97F

Progreso El color del color

handleColor

#fff

El color del controlador deslizante

succColor

#78D02E

Color después del desbloqueo exitoso

texto

'Deslizar

a

desbloquear'

Texto predeterminado en el control deslizante

textColor

#000

Color del texto

succText

'¡vale! '

El texto que se muestra después de un desbloqueo exitoso

succTextColor

#000

El color del texto que se muestra después de un desbloqueo exitoso

succFunc

function()

{

alert('¡desbloqueado con éxito!');

}

Función de devolución de llamada después de un desbloqueo exitoso

Para obtener más información sobre cómo desbloquear el complemento, visite la dirección de github del proyecto:

/menthe/ desbloquear .js

Lo anterior es el contenido detallado de la idea de usar el complemento jQuery unlock.js para realizar el desbloqueo de diapositivas presentado por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje. ¡Le responderé a todos a tiempo!