19May 2012 1 Comment */?>

jquery.ascensor.js – más vida a jquery.scrollTo

Categorías: JQuery - Tags:

Para el que no conoce aun jquery.scrollTo digamos que es un buen momento para hacerlo. Aunque en algunas ocasiones le comento que para tareas sencillas no suelo utilizar plugins, en otras situaciones un plugin nos pueda ayudar a crear efectos sorprendentes de manera muy fácil.

Hoy les traigo  jquery.ascensor.js , un plugin que en conjuto con el plugin de scrollTo os permitira crear efectos sorprendentes.

Si quieren pueden ver un ejemplo en funcionamiento en la web del autor.Tan solo hagan click en “Demo and how to use”.

Para hacerlo funcionar tan solo necesitan lo siguiente:

Incluir los archivos necesarios

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript"></script> 
<script src="js/jquery.ascensor.js" type="text/javascript"></script>
<script src="js/myscript.js" type="text/javascript"></script>

Preparar un html con la siguiente forma:

<div id="house">
        <div><!-- piso1-->
                <div id="ContentName"></div><!-- Contenido del piso 1-->
        </div>
        <div><!-- piso2-->     
                <div id="ContentName"></div><!-- Contenido del piso 2-->
        </div>
        <div><!-- piso3-->
                <div id="ContentName"></div><!-- Contenido del piso 3-->
        </div>  
        <div><!-- piso4-->
                <div id="ContentName"></div><!-- Contenido del piso 4-->
        </div>
        <div><!-- piso5-->
                <div id="ContentName"></div><!-- Contenido del piso 5-->
        </div>
</div>

Dentro de tu script (myscript.js)

$(document).ready(function(){
     $('#house').ascensor();
});

Y listo!! Ya tendrar un ascensor funcional. Para agregar más funciones revisen la documentación. Saludos

Damián Logghe

Programador freelancer y emprendedor en sueños. Contento de ser mi jefe y poder hacer lo que me gusta. WordPress es mi principal fuente de ingreso y me escribo tanto para ayudar como para tener una guia de memoria. Quieres contratarme? Déjame un mensaje.

More Posts - Website

Follow Me:
TwitterFacebookLinkedInGoogle Plus