Un menú desplegable diseñado utilizando frameworks web.

Autor：Eve Cole Fecha de actualización：2009-06-20 15:29:25

< !-- bbs http://www.downcodes.com/bbs--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312 "> <meta nombre ="palabras clave" contenido=""> <tipo de estilo=texto/css> cuerpo { fondo:#799AE1; margen:0px; fuente:normal 12px 宋体; } tabla { borde:0px; } td { fuente :normal 12px 宋体 } img { vertical-align:bottom; border:0px } a { fuente:normal 12px 宋体 color:#215DC6; { borde izquierdo: 1 px blanco sólido; borde derecho: 1 px blanco sólido; borde inferior: 1 px blanco sólido; desbordamiento: oculto; fondo: #D6DFF7 } .menu_title { } .menu_title span { posición: relativa; ; izquierda: 8px; color: # 215DC6; peso de fuente: negrita; } .menu_title2 { } .menu_title2 span { posición: superior: 2 px; /style> <script language=javascript> function menuShow(obj,maxh,obj2) { if(obj.style.pixelHeight<maxh) { obj.style.pixelHeight+=maxh/20; obj.filters.alpha.opacity+=5; obj2.background=" "; if(obj.style.pixelHeight==maxh/10) obj.style.display='bloque'; myObj=maxh; setTimeout('menuShow(myObj,myMaxh; ,myObj2)', '5'); } } función menuHide(obj,maxh,obj2) { if(obj.style.pixelHeight>0) { if(obj.style.pixelHeight==maxh/20) obj.style. display='none'; obj.style.pixelHeight-=maxh/20; obj.filters.alpha.opacity-=5; obj2.background=""; myMaxh=maxh myObj2=obj2; (myObj,myMaxh, myObj2)','5'); } else if(whatContinue) WhichContinue.click(); function menuChange(obj,maxh,obj2) { if(obj.style.pixelHeight) { menuHide(obj, maxh,obj2); cualOpen=''; cualcontinue=''; } else if(cualOpen) { cualContinue=obj2; cualContinue=obj2; ''; } } </script> <base target=main> </head> <body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;"> <table cellpadding=0 cellpacing= 0 ancho=158 align =centro> <tr estilo="cursor:mano;"> <td altura=42 valign=bottom> <img src= ancho=158 altura=38> </td> </tr> </table > <table cellpadding= 0 cellpacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; ='menu_title'; fondo= id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);"> <span>Opciones del sistema</span> </td> </tr> <tr> <td> <div clase =sec_menu style=" ancho:158px;height:80px;filter:alpha(Opacity=100);overflow:hidden;" id=menu1> <table cellpadding=0 cellpacing=0 align=center width=135 style="posición: relativo;top:10px ;"> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Opciones de seguridad</a> </ td> </tr > <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Opciones de spam</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Opciones de reglas dinámicas</a> </td> < /tr> </table> </div> </td> </tr> </table> <script language=javascript> var whichOpen=menuTitle1; var whichContinue='' </script> <table cellpadding=0 cellspaceing; =0 ancho= 158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title background=; id=menuTitle2 onclick ="menuChange(menu2,120,menuTitle2);"> <span>Reglas del sistema</span> </td> </tr> <tr> <td> <div class=sec_menu style="ancho: 158;altura: 0;filtro:alfa(Opacidad=0);display:none;" id=menu2> <table cellpadding=0 cellpacing=0 align=center width=135 style="position:relative;top:10px;" > <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Reglas de filtrado de IP</a> </td> </tr> <tr> < td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Reglas de filtrado de sobres</a> </td> </tr> < tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Reglas de filtrado de encabezado</a> </td> </tr> <tr > <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Reglas de filtrado del cuerpo</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Reglas de filtrado de archivos adjuntos</a> </td> </tr> </table> </ div> </td> </tr> </table> <table cellpadding=0 cellpacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover= this.className='menu_title2'; onmouseout=this.className='menu_title'; background= id=menuTitle3 onclick="menuChange(menu3,120,menuTitle3);"> <span>Administración del sistema</span> </ td> </tr> <tr> <td> <div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" 0 espacio entre celdas =0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur() ;> <img src=> Gestión de usuarios</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();> <img src=> Gestión de procesos</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src= > Estado de ejecución del host</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src => Copia de seguridad de datos</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Gestión de directorios basura</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellpacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; fondo= id=menuTitle4 onclick="menuChange(menu4) ,140 ,menuTitle4);"> <span>Estadísticas del sistema</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;height:0;filter:alpha (Opacidad =0);display:none;" id=menu4> <table cellpadding=0 cellpacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20 > < a href=http://downcodes.com onfocus=this.blur();><img src=> Estadísticas de filtrado de IP</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Estadísticas de filtrado de sobres</a> </td> </tr> <tr> <td height=20> < a href =http://downcodes.com onfocus=this.blur();><img src=> Estadísticas de filtrado de encabezado</a> </td> </tr> <tr> <td height=20> <a href =http://downcodes.com onfocus=this.blur();><img src=> Estadísticas de filtrado de letras</a> </td> </tr> <tr> <td height=20> <a href =http://downcodes.com onfocus=this.blur();><img src=> Estadísticas de filtrado de archivos adjuntos</a> </td> </tr> <tr> <td height=20> <a href= http://downcodes.com onfocus=this.blur();><img src=> Estadísticas de reglas dinámicas</a> </td> </tr> </table> </div> </td> </ tr> </table> <table cellpadding=0 cellpacing=0 width=158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; onmouseout=this.className='menu_title'; background=> <span>Salir del sistema</span> </td> </tr> </table> </body> </html>