14/07/2011, 19:37
|
| | | Fecha de Ingreso: enero-2011
Mensajes: 97
Antigüedad: 13 años, 11 meses Puntos: 5 | |
drop down con javascript Hola, tengo el siguiente codigo que genera un menu de navegacion:
function Menu(nombre){
this.nombre = nombre;
this.lista = null;
this.menufinal = true;
this.enlace = null;
this.funcion = MiFuncion;
}
function MiFuncion(){
alert(this.nombre);
}
function ConfigurarMenu(){
var m1_1 = new Menu("menu1.1");
m1_1.enlace = "http://google.es";
var m1_2 = new Menu("menu1.2");
m1_2.enlace = "http://eligetuweb.es";
var m2_1 = new Menu("menu2.1");
m2_1.enlace = "http://jaquegranada.blogspot.com";
var m3_1_1 = new Menu("menu3.1.1");
m3_1_1.enlace = "http://entrenajedrez.sportsontheweb.net";
var m3_1_2 = new Menu("menu3.1.2");
m3_1_2.enlace = "http://eligetuweb.es";
var m3_1 = new Menu("menu3.1");
m3_1.menufinal = false;
m3_1.lista = new Array(m3_1_1, m3_1_2);
var m3_2 = new Menu("menu3.2");
m3_2.enlace = "http://eligetuweb.es";
var m1 = new Menu("Menu 1");
m1.menufinal = false;
m1.lista = new Array(m1_1, m1_2)
var m2 = new Menu("Menu 2");
m2.menufinal = false;
m2.lista = new Array(m2_1);
var m3 = new Menu("Menu 3");
m3.menufinal = false;
m3.lista = new Array(m3_1, m3_2);
var m = new Menu(null);
m.menufinal = false;
m.lista = new Array(m1, m2, m3);
return m;
}
function PintarMenu(menu){
var raiz = document.createElement("ul");
var i;
for (i = 0; i < menu.lista.length; i++){
var elemento = document.createElement("li");
if (!menu.lista[i].menufinal){
elemento.innerHTML = menu.lista[i].nombre;
var hijo = PintarMenu(menu.lista[i]);
elemento.appendChild(hijo);
}
else{
var enlace = document.createElement("a");
enlace.innerHTML = menu.lista[i].nombre;
enlace.menu = menu.lista[i];
enlace.setAttribute("href", menu.lista[i].enlace);
elemento.appendChild(enlace);
}
raiz.appendChild(elemento);
}
return raiz;
}
function CrearMenu(){
var menu = ConfigurarMenu();
var raiz = PintarMenu(menu);
$("div#divmenu").append(raiz);
$("div").addClass("divmenu");
$("li").addClass("normal");
$("div#divmenu > ul > li").addClass("negrita");
$("div#divmenu > ul > li").addClass("link");
}
podrian ayudarme a ocultar los elementos (li) por debajo de m1, m2, m3 de manera que se vean al pasar el raton sobre ellos??
Gracias por adelantado
__________________ Diseño Web profesional y creativo: WebSystem. |