Sigueme por RSS! RSS

Menú Select Responsive

SelectNav.js es uno de estos plugin interesantes de JQuery, pertenece a la categoróa Responsive Web Design. Convierte listas (UL) usadas para menú de navegación, en elementos select de manera automática, lo que te permite ahorrar espacio en tu diseño, actua dependiendo de la resolución de tu pantalla y es ideal para mostraer contenido en dispositivos móviles.

Para verlo en acción sólo hay que cambiar el tamaño de la página y observar la barra superior.

Compatible con: IE 6 +, Firefox 3.6 +, Chrome 4 +, Safari 3 +, Safari Mobile iOS 3.2 +, Android 2.3 + Navegador, Opera Mobile, Opera Mini.

Descarga: https://github.com/lukaszfiszer/selectnav.js

Uso:
- en <body></body>:
<ul id="nav">
<li><a href="homepage.html">Homepage</a></li>
<li><a href="about.html" class="active">About us</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

 en <head></head>:
<script type="text/javascript" src="Ruta_hacia_el_scripts/selectnav/selectnav.min.js"></script>
<script type="text/javascript">
    selectnav('sdt_menu', {
        activeclass: 'act',/* clase q indica el elemento activo del menu*/
        label: '--- Menú de navegación ---', /* etiqueta - false si no se quiere*/
        nested: true, /* activa la navegacion sub-nivel/sub-menus*/
        indent: '-' /* separador de sub-menus */
    });
</script>

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.