Code
Code
Code

TekMenu, Menú html amb JQuery

Objectiu : crear un plugin per generar menús dinàmics, realment fàcil d’utilitzar.

 

El plugin:

Crida bàsica

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

Cal que l’enllaç amb l’estil menu ha de tenir el tag rel amb l’id del tall de codi que visualitzarem amb l’efecte 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àmetres:

fullAnimation: (booleà) sí es true acabar l’animació encara que el ratolí ja estigui fora de la zona activa. Amb false amaga directament.

timeout: (integer) temps que s’ha d’esperar abans d’amagar el menú.

 

Ara podem mirar una demo.

Comentari 1 per Wijdan Rohail

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