SliderNav es un plugin para jQuery desarrollado por DevGrow que permite mediante una barra de navegación vertical el deslizamiento de contenido, se establece el contenido mediante secciones y pueden rotar con la rueda del mouse.

ASP Hosting

Ejemplo SliderNav

Para implementar este Slider en nuestra Web, debemos de seguir estos pasos:

Paso 1: Incluir los archivos JavaScript y CSS en la cabecera.

Para nuestro ejemplo utilizaremos la librería jQuery y slidernav, luego inicializamos la función.

<link rel="stylesheet" type="text/css" href="slidernav.css" media="screen, projection" />

Paso 2: Crear la estructura HTML.

Tenemos total flexibilidad en este Slider, podemos cambiar las letras del alfabeto por secciones según nuestra necesidad.

A

Adam
Alex
Ali
Apple
Arthur
Ashley


B

Barry
Becky
Biff
Billy
Bozarking
Bryan



            etc...
        

Post original: DevGrow