Biblioteca JavaScript Tiny para crear deslizamientos fuera de lienzo paneles-lado por el panel deslizante
| Autor: | kapolos |
|---|---|
| Views Total: | 2,337 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 26, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Side by Slide panel es una biblioteca JavaScript pequeña y fácil de usar para crear navegación lateral fuera de lienzo de estilo de aplicación & paneles que se desliza fuera del borde de la pantalla mientras empuja el contenedor principal al otro lado.
Funcionamiento
Descargue el panel Side by Slide e incluya el FSP-sidepanel. js & FSP-sidepanel. CSS en el documento.
<script src="fsp-sidepanel.js"></script> <link rel="stylesheet" href="fsp-sidepanel.css">
Cree un elemento de alternancia para activar el panel lateral fuera del lienzo.
<a id="toggle-element" href="#">Click to toggle</a>
Cree el panel fuera de lienzo.
<section id="main-container" class="fsp-wrapper"> <div id="side-panel" class="fsp-sidepanel"> <h2>I'm a side panel!</h2> </div> </section>
Habilite el panel lateral fuera de lienzo.
fsp('#toggle-element', '#main-container', '#side-panel').sidepanel(); Side by Slide panel proporciona una opción sencilla para especificar la dirección de la diapositiva.
fsp('#toggle-element', '#main-container', '#side-panel').sidepanel({
side: 'left'
}); Un método para alternar el panel lateral mediante programación.
fsp('#toggle-element', '#main-container', '#side-panel').sidepanel().toggle()
