hola perdon por meterme pero me gusto el menu asi que lo modifique un poco..
sera qeu se puede hacer lo mismo pero que nosea dandole clic sino pasando el mouse por encima?
aqui dejo el codigo modificado, espero me puedan colaborar.
de antemano gracias.
puse en negrita con rojo algo que no es necesario para mi pero no se como quitarlo tambien me gustaria que me ayudaran en esa parte.
en si lo que necesito es mostrar y ocultar un elemento al pasar por encima mi mouse como una tabla por ejemplo
gracias .
Código:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
.menu {
padding-left: 2px;
font-weight: normal;
font-size: 12px;
padding-bottom: 4px;
padding-top: 2px;
font-family: Verdana, Arial, Helvetica;
padding-right: 0px;
display: none;
}
body {
background-color: #0099FF;
}
--></style>
<script language="javascript"><!--
if (!document.getElementById)
document.getElementById = function() { return null; }
function initializeMenu(menuId, actuatorId) {
var menu = document.getElementById(menuId);
var actuator = document.getElementById(actuatorId);
if (menu == null || actuator == null) return;
actuator.onclick = function() {
var display = menu.style.display;
this.parentNode.style.backgroundImage =
(display == "block") ? "url(img/plus.gif)" : "url(img/minus.gif)";
menu.style.display = (display == "block") ? "none" : "block";
return false;
}
}
window.onload = function() {
initializeMenu("MenuExpand", "HeadingExpand");
initializeMenu("MenuExpand2", "HeadingExpand2");
}
//--></script>
</head>
<body>
<ul id="menuList">
<li class="menubar"><a href="#" id="HeadingExpand" >Click</a>
<ul class="menu" id="MenuExpand">
<li>Esto se Muestra al hacer click</li>
<li>Esto se Muestra al hacer click</li>
<li>Esto se Muestra al hacer click</li>
</ul>
</li>
</ul>
<ul id="menuList2">
<li class="menubar"><a href="#" id="HeadingExpand2" >Click</a>
<ul class="menu" id="MenuExpand2">
<li>Esto es lo que no consigo mostrar</li>
<li>Esto es lo que no consigo mostrar</li>
<li>Esto es lo que no consigo mostrar</li>
</ul>
</li>
</ul>
</body>
</html>