Laboratorio Tecnologico Experimetal
Menus
Como Hacer un Menu Horizontal con Efecto Sliding
Jun 19th
Menu Horizontal con Efecto Sliding
Este pequeño menu esta escrito con CSS y HTML, unicamente, nada de Javascript o alguna otra tecnologia.
Bueno pues sin mas ahora vamos a ver el codigo y dar una pequeña descripcion, que no sera muy grande ya que el codigo es muy sencillo de entender.
More >
(No Ratings Yet)
Loading ...Navegación Alfabetica gracias a ListNav
May 17th
ListNav es un plugin jQuery para crear listas de navegación alfabética.
Una vez configurado, y perzonalisado (a través de CSS) la barra de navegación aparece encima de la lista, que muestra las letras de la A a la Z. Cuando se hace clic en una letra, los elementos que comienzan con esa letra se mostraran.
ListNav muestra el número de artículos o elementos que contenga alguna letra sobre la que nos posicionemos.
El plugin está optimizado para listas largas y puede trabajar con dos listas ul y ol.
También soporta múltiples navegaciones en la misma página y trabaja con todos los principales navegadores.
(No Ratings Yet) Loading ...20 Excelentes Técnicas de Navegación y Ejemplos en JavaScript
May 1st
Javascript permite que agreguemos la interactividad y retroalimentacion a nuestros proyectos, haciendo que la experiencia del usuario sea mejor y más intuitiva.
En este post les mostrare algunos ejemplos de navegación que he encontrado, espero les sean de utilidad.
-
MenuMatic
-
Animated Menu using jQuery
-
Garagedoor Effect using jQuery
-
JGlide Menu
-
Vertical Sliding jQuery Menu
Fuente:20 Excelentes Técnicas de Navegación y Ejemplos en JavaScript
(No Ratings Yet) Loading ...Como Crear un Menu CSS con Efecto OnMouseOver
Apr 18th
En esta ocasión les traigo un pequeño codigo hecho en CSS con el cual podremos crear un menu con efecto OnMouseOver, el cual es muy similar a muchos scripts escritos en javascript, que nos brindan el mismo efecto.
Este efecto basicamente es el siguiente, cuando esta en reposo la seccion del menú tiene un color y cuando esta activo tiene uno diferente, al igual que cuando damos click, toma un tercer color.
Bueno sin mas explicaciones les dejo el codigo.
CSS:
CSS:
-
<style type="text/css">
-
#menu div.barraMenu,
-
#menu div.barraMenu a.botonMenu {
-
font-family: sans-serif, Verdana, Arial;
-
font-size: 8pt;
-
color: white;
-
}
-
-
#menu div.barraMenu {
-
text-align: left;
-
}
-
#menu div.barraMenu a.botonMenu {
-
background-color:#0099FF;
-
color: white;
-
cursor: pointer;
-
padding: 4px 6px 2px 5px;
-
text-decoration: none;
-
}
-
#menu div.barraMenu a.botonMenu:hover {
-
background-color:#0066FF;
-
}
-
#menu div.barraMenu a.botonMenu:active {
-
background-color:#0000CC;
-
color: white;
-
}
-
</style>
HTML:
(No Ratings Yet) Loading ...10 Brillantes Tecnicas de Menus Multinivel
Feb 17th
Uno de los factores que hacen mas relevante nuestro diseño web, puede ser el tipo de menu que utilizamos. El estilo del menu puede dar a nuestro diseño una mayor seriedad o una verdadera risa 
, aca les dejo 10 tecnicas para crear menus multinivel de una calidad bastante bastante buena.
1.-MenuMatic
Horizontal Menu Demo | Vertical Menu Demo | Download source code
2.- Create Vimeo-like top navigation
(No Ratings Yet) Loading ...
Últimos Comentarios