Code
Code
Code

TekMenu, Menú html con JQuery

Objetivo: crear un plugin para generar menús dinámicos, realmente fácil de utilizar.

El plugin:

Llamada básica

$("a.menu").TekMenu();

Es necesario que el enlace con el estilo menú debe tener el tag raíz con la id del corte de código que visualizaremos con el efecto hover.

 

 

<a href="" class="menu" rel="#menu1">Entrada menu</a>
<div id="menu" class="second" >
 <ul class="second">
  <li> Item 1</li>
  <li> Item 2</li>
  <li> Item 3</li>
 </ul>
</div>

 

El css :

div.second {
	width:300px; //  s’ha de definir un ample
	position:absolute; // s’ha d’indicar que el posicionament seràabsolute
	z-index:1300; // el z-index indica que ha de quedar per sobre dels altres elements
	display:none;.

}

 

Parámetros: 

fullAnimation: (booleano) si es true termina la animación aunque el ratón esté fuera de la zona activa. Con false se esconde directamente.

timeout: (integer) tiempo que se ha de esperar antes de ocultar el menú.

 

Ahora podemos ver una demo.

Comentario 1 por Wijdan Rohail

Quite simple but interesting
Comentario publicado el 08/12/2010 11:48:57
comments powered by Disqus
Comunicatek - - La Bisbal d’Empordà - dani@comunicatek.com - A cerca de code - Nota legal