Un menu déroulant conçu à l'aide de frameworks Web

Auteur：Eve Cole Date de mise à jour：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 name ="keywords" content=""> <style type=text/css> body { background:#799AE1; margin:0px; font:normal 12px 宋体; } table { border:0px; } td { font :normal 12px } img { vertical-align:bottom; border:0px; } a { font:normal 12px color:#215DC6; text-decoration:none; { border-left : 1px blanc uni ; border-right :1px blanc uni ; border-bottom :1px blanc uni ; fond :#D6DFF7 ; } .menu_title span { position :relative top :2px ; ; gauche : 8 px ; couleur : #215DC6 ; font-weight : gras ; } .menu_title2 { } .menu_title2 span { position : relative ; /style> <script langage=javascript> function menuShow(obj,maxh,obj2) { if(obj.style.pixelHeight<maxh) { obj.style.pixelHeight+=maxh/20; obj2.background=" "; if(obj.style.pixelHeight==maxh/10) obj.style.display='block'; monObj=obj; monObj2=obj2; ,myObj2)', '5'); } } function menuHide(obj,maxh,obj2) { if(obj.style.pixelHeight>0) { if(obj.style.pixelHeight==maxh/20) obj.style. display='aucun' ; obj.style.pixelHeight-=maxh/20; obj.filters.alpha.opacity-=5; monObj=obj; (monObj,monMaxh, monObj2)','5'); } else if(whichContinue) whichContinue.click(); } function menuChange(obj,maxh,obj2) { if(obj.style.pixelHeight) { menuHide(obj, maxh,obj2); whichOpen=''; whichcontinue='' } else if( whichOpen=obj2; whichOpen.click( ) else { menuShow(obj,maxh,obj2); ''; } } </script> <base target=main> </head> <body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;"> <table cellpadding=0 cellpacing= 0 width=158 align =center> <tr style="cursor:hand;"> <td height=42 valign=bottom> <img src= width=158 height=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'; background= id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);"> <span>Options système</span> </td> </tr> <tr> <td> <classe div =sec_menu style=" width:158px;height:80px;filter:alpha(Opacity=100);overflow:hidden;" id=menu1> <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=> Options de sécurité</a> </ td> </tr > <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Options anti-spam</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Options de règles dynamiques</a> </td> < /tr> < /table> </div> </td> </tr> </table> <script langage=javascript> var whichOpen=menuTitle1; var whichContinue=''; =0 width= 158 align=center> <tr style="cursor:hand;"> <td height=25 class=menu_title onmouseover=this.className='menu_title2'; id=menuTitle2 onclick ="menuChange(menu2,120,menuTitle2);"> <span>Règles du système</span> </td> </tr> <tr> <td> <div class=sec_menu style="width : 158;hauteur : 0;filtre:alpha(Opacité=0);display:aucun;" 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=> Règles de filtrage IP</a> </td> </tr> <tr> < td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Règles de filtrage des enveloppes</a> </td> </tr> < tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Règles de filtrage d'en-tête</a> </td> </tr> <tr > <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Règles de filtrage du corps</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Règles de filtrage des pièces jointes</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>Gestion du système</span> </ td> </tr> <tr> <td> <div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" id=menu3> <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=> Gestion des utilisateurs</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();> <img src=> Gestion des processus</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src= > État d'exécution de l'hôte</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src => Sauvegarde des données</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Gestion du répertoire indésirable</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'; ,140 ,menuTitle4);"> <span>Statistiques du système</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;height:0;filter:alpha (Opacité =0);affichage :aucun;" 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=> Statistiques de filtrage IP</a> </td> </tr> <tr> <td height=20> <a href=http://downcodes.com onfocus=this.blur();><img src=> Statistiques de filtrage d'enveloppe</a> </td> </tr> <tr> <td height=20> < a href =http://downcodes.com onfocus=this.blur();><img src=> Statistiques de filtrage d'en-tête</a> </td> </tr> <tr> <td height=20> <a href =http://downcodes.com onfocus=this.blur();><img src=> Statistiques de filtrage des lettres</a> </td> </tr> <tr> <td height=20> <a href =http://downcodes.com onfocus=this.blur();><img src=> Statistiques de filtrage des pièces jointes</a> </td> </tr> <tr> <td height=20> <a href= http://downcodes.com onfocus=this.blur();><img src=> Statistiques de règles dynamiques</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>Quitter le système</span> </td> </tr> </table> </body> </html>