jQuery Sliding menú
Sliding Menú es un plugin jQuery para disponer de un menú horizontal o vertical con similutides al Lavalamp Menú.
Para disponer de este menú tan solo tendremos que añadir en <head> los estilos, plugin y librería jQuery:
<link rel="stylesheet" href="stylesheets/jquery.sliding-menu.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="javascripts/jquery.sliding-menu.js"></script>
<script type="text/javascript">
jQuery(function(){
jQuery('#HorizontalSlidingMenu .SlidingMenu').slidingMenu();
});
</script>
Y en el <body> nuestro menú:
<div id="HorizontalSlidingMenu"> <ul class="SlidingMenu"> <li><a href="#">First Link</a></li> <li><a href="#">Second Link</a></li> <li><a href="#">Third Link</a></li> <li><a href="#">Fourth Link</a></li> <li><a href="#">Fifth Link</a></li> </ul> <div></div> </div>
También podriamos crear un menú horizontal.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
2 respuestas a “jQuery Sliding menú”
Deja una respuesta
33 artículos que te podrían interesar
Ver más sobre
Estimado Jose Aquilar, antes que nada agradecer el compartir tus conocimientos tu nombre y apellido me hacen recordar a mi profesor que me enseño en la san ignacio de Loyola , necesito una ayuda tengo un cms instalado en joomla 2.5 actualizado y la platilla zenith de themexpert hace poco le instale un slider muy bueno llamado united revolution slider y que usa jquery 1.8 sin embargo tengo un problema con el megamenu que no se superpone al slider a pesar que ya le puse el z-index en 999 , no se que mas puedo hacer porfavor hechame un cable para solucionarlo .
Infinitamente agradecido de antemano.
Saludos
CHristian
Danos la posibilidad de ver el problema poniendo la url del proyecto. saludos