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>
- Los comentarios están siendo moderados y serán publicados en la brevedad posible.