Laboratorio Tecnologico Experimetal
Posts tagged 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 ...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 ...70 Nuevas Técnicas de AJAX y JavaScript
Mar 11th
Como ya es costumbre a ultimas fechas en este blog (y muchos otros) aqui traigo mas recolecta de tecnicas Ajax y Javascript. Espero y les agraden, vi unas realemntes buenas que pienso usar 
Creating a “filterable” portfolio with jQuery
e24TabMenu – AJAX drop-down tab menu
(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