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"> src='js/unlock.js'> 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!