Utilice el complemento unlock.js para implementar el desbloqueo deslizante de jQuery
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">
2.
Luego use un
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!