Menus Dinâmicos

Em funcionamento: http://hunternh.110mb.com/exemplos/menus.html

menus.js

/**************************************** Menu v1.0 ** Autor: Wagner B. Soares ****************************************/Menu = function(x,p){	// id do menu	var id = (isString(x)) ? x : null;	// se o id não for válido, para a execução do script	if(isNull(id)) return;	// recebe o container do menu	var parent = document.getElementById(p);	//referência ao próprio objeto	var obj = this;	// cria o menu	var menu = jQuery.create("ul",{"id":id,"class":"menu"},[]); // função para adicionar os itens do menu	this.addItem = function(m,l,d,t)	{ // recebe um novo submenu var submenu = (!isNull(m) && obj.constructor == m.constructor) ? m : null; // recebe o link var link = (isString(l)) ? l : "#"; // recebe o texto do link var descricao = (isString(d)) ? d : "link"; // recebe o alvo do link var target = (isString(t)) ? t : ""; // cria o item do menu var li = jQuery.create("li",{},["a",{"href":link,"target":target,"title":descricao},[descricao]]); // se existe um novo submenu, configura-o if(!isNull(submenu)) { jQuery(li).append(submenu.getObj()); jQuery(li).addClass("submenu"); li.onmouseover = function(){jQuery(submenu.getObj()).show();}; li.onmouseout = function(){jQuery(submenu.getObj()).hide();}; } // adiciona o item ao menu jQuery(menu).append(li);	};	// retorna o próprio objeto	this.getObj = function()	{ return menu;	};	// desenha o obejto na tela	this.draw = function()	{ jQuery(parent).append(menu); jQuery("a",menu).each(function(){jQuery(this).click(function(){this.blur();})}); jQuery("a:first","li.submenu").addClass("seta");	};};/**************************************** MenuBar v1.0 ** Autor: Wagner B. Soares ****************************************/MenuBar = function(x,p){	// id do menu	var id = (isString(x)) ? x : null;	// se o id não for válido, para a execução do script	if(isNull(id)) return;	// recebe o container do menu	var parent = document.getElementById(p);	//referência ao próprio objeto	var obj = this;	// cria o menu	var menu = jQuery.create("ul",{"id":id,"class":"menubar"},[]); // função para adicionar os itens do menu	this.addItem = function(m,l,d,t)	{ // recebe um novo submenu var submenu = (!isNull(m) && m.constructor == Menu) ? m : null; // recebe o link var link = (isString(l)) ? l : "#"; // recebe o texto do link var descricao = (isString(d)) ? d : "link"; // recebe o alvo do link var target = (isString(t)) ? t : ""; // cria o item do menu var li = jQuery.create("li",{"class":"menuvertical"},["a",{"href":link,"target":target,"title":descricao},[descricao]]); // se existe um novo submenu, configura-o if(!isNull(submenu)) { jQuery(li).append(submenu.getObj()); li.onmouseover = function(){jQuery(submenu.getObj()).show();}; li.onmouseout = function(){jQuery(submenu.getObj()).hide();}; } // adiciona o item ao menu jQuery(menu).append(li);	};	// retorna o próprio objeto	this.getObj = function()	{ return menu;	};	// desenha o obejto na tela	this.draw = function()	{ jQuery(parent).append(menu); var w = 0; jQuery("li.menuvertical").each(function(){w += this.offsetWidth;}); var h = 0; jQuery("li.menuvertical").each(function() { if(this.offsetHeight > h)h = this.offsetHeight; }).each(function() { jQuery(this).css({"height":h}); jQuery("a:first","li.menuvertical").css({"height":h-10}); }); jQuery(menu).css({"width":w,"height":h}); jQuery("ul.menu:first","li.menuvertical").css({"margin-left":-1}); jQuery("a",menu).each(function(){jQuery(this).click(function(){this.blur();})});	}};

menus.css

ul.menubar{ margin: 0; padding: 0; background-color: #33CCFF; border: 1px solid #000000; border-right: 0px;}ul.menubar .menuvertical{ margin: 0px; padding: 0px; width: 148px; list-style: none; border-right: 1px solid #000000; float:left;}ul.menubar ul.menu{ display: none; position: absolute; margin: 0px;}ul.menubar a{ padding: 5px; display:block; text-decoration: none; color: #000000;}ul.menubar li a:hover{ color: #FFFFFF; background-color: #000099;}ul.menu,ul.menu ul{ margin: 0; padding: 0; border: 0px; border-top: 1px solid #000000; width: 150px; background-color: #33CCFF; z-index: 10;}ul.menu li{ position: relative; list-style: none; border: 0px;}ul.menu li a{ display:block; text-decoration: none; border: 1px solid #000000; border-top: 0px; color: #000000; padding: 5px 10px 5px 5px;}/ Fix IE. Hide from IE Mac \/ html ul.menu li { float: left; height: 1%; } ul.menu li a { height: 1%; }/ End /ul.menu ul{ position: absolute; display: none; left: 149px; top: -1px;}ul.menu li.submenu ul{ display: none;}ul.menu a.seta{ background: transparent url(seta.gif) right center no-repeat;}ul.menu li a:hover{ color: #FFFFFF; background-color: #000099;}