Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/06/2009, 08:09
Avatar de danistrein
danistrein
 
Fecha de Ingreso: septiembre-2008
Ubicación: Salta Capital
Mensajes: 550
Antigüedad: 15 años, 6 meses
Puntos: 9
[APORTE] Menu Desplegable + Jquery

Hola bueno gente estaba al pedo y tengo muchas cosas en mi pc asi que boy a empesar a subir aporte :P , este es el primero , es un menu desplegable que usa Jquery , aki les dejo los codes:


Web:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo</title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
<!--
function tagle(id){
$("#"+id).toggle("slow");
}
-->
</script>
<style type="text/css">
<!--
.menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sub-menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
}
-->
</style>
</head>
<body>
<ul class="menu">
<li><a onclick="tagle('sub-1');" href="#">Menu1</a>
<ul class="sub-menu" id="sub-1">
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
<li><a href="#">Sub 3</a></li>
</ul>
</li>
<li><a onclick="tagle('sub-2');" href="#">Menu 2</a>
<ul class="sub-menu" id="sub-2">
<li><a href="#">Sub 1</a></li>
<li><a href="#">Sub 2</a></li>
<li><a href="#">Sub 3</a></li>
</ul>
</li>
</ul>
</body>
</html> 

jquery-1.2.6.min:
Descarga

eso es todo si quieren ver un ejemplo yo lo eh utilisado en esta web :
L2 FoxDie

y si quieren ahorrarse tiempo aki les dejo el link para que lo descargen:

Descargar Menu Desplegable

bueno saludos espero que le sirba a algunos