Deslizador de página horizontal suave-pgSlider. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: abizit
Views Total: 2,406
Sitio oficial: Ir a la web
Actualizado: July 29, 2016
Licencia: MIT

Vista prévia

Deslizador de página horizontal suave-pgSlider. js

Descripción

pgSlider. js es una biblioteca de JavaScript ligera para deslizarse suavemente y horizontalmente a través de un conjunto de secciones de contenido de ventana completa haciendo clic en las barras de navegación izquierda/derecha.

Funcionamiento

Cargue los siguientes archivos JavaScript y CSS en el documento cuando sea necesario.

<link rel="stylesheet" href="css/pgSlider.css">
<script src="js/pgSlider.js"></script>

La estructura básica de HTML para el control deslizante de página.

<section id="ps-container" class="">


<div class="ps-wrapper">



<section class="ps-page">




<h1>Page One</h1>


</section>



<section class="ps-page">




<h1>Page Two</h1>


</section>



<section class="ps-page">




<h1>Page Three</h1>


</section>


</div>


</section>

Eso es todo. Siéntase libre de personalizar el control deslizante de la página utilizando sus propios estilos CSS.

Te puede interesar: