aquí está mi respuesta usando jQuery:
jQuery.fn.ddnav = function() {
this.wrap("");
this.each(function() {
var sel = document.createElement('select');
jQuery(this).find("li.label, li a").each(function() {
jQuery("<option>").val(this.href ? this.href : '').html(jQuery(this).html()).appendTo(sel);
});
jQuery(this).hide().after(sel);
});
this.parent().find("select").after("<input type=\"button\" value=\"Go\">");
var callback = function(button) {
var url = jQuery(button.target).parent("div").find("select").val();
if(url.length)
window.open(url, "_self")
};
this.parent().find("input[type='button']").click(callback);
this.parent().find("select").change(callback);
return this;
};
Y luego en el controlador onready:
$("ul.dropdown_nav").ddnav();
Pero me gustaría señalar que estos son terribles para la facilidad de uso. Es mejor usar una lista y mostrarle a la gente todas las opciones a la vez, y es mejor no irse después de una selección y/o requerir que se presione un botón diferente para llegar a donde quieren.
Creo que es el mejor de usar que nunca lo anterior (y yo escribimos el código!)
Eso es bueno, pero aborrezco * los menús desplegables en las páginas web que toman medidas sin que yo haga clic; conduce a cosas que parecen oscurecer el contenido cuando no tomé ninguna acción abierta para que eso haya sucedido. – delfuego
¿Qué tiene eso que ver con superfish? No hace eso. – Buzz
Encontré esto hermoso y fácil de configurar. Y la mejor parte es que funciona en IE6, IE7 y Firefox (aún no lo he probado con otros). – Germstorm