一种利用网页框架设计的下拉菜单-脚本在线

AI智能体脚本智能办公脚本自动化游戏脚本浏览器自动化脚本服务器脚本

一种利用网页框架设计的下拉菜单

作者：互联网

2009-06-20

网页特效

<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; } a:hover { color:#428EFF } .sec_menu { border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; overflow:hidden; background:#D6DFF7; } .menu_title { } .menu_title span { position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; } .menu_title2 { } .menu_title2 span { position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; } </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='block'; myObj=obj; myMaxh=maxh; myObj2=obj2; setTimeout('menuShow(myObj,myMaxh,myObj2)','5'); } } function 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=""; myObj=obj; myMaxh=maxh myObj2=obj2; setTimeout('menuHide(myObj,myMaxh,myObj2)','5'); } else if(whichContinue) whichContinue.click(); } function menuChange(obj,maxh,obj2) { if(obj.style.pixelHeight) { menuHide(obj,maxh,obj2); whichOpen=''; whichcontinue=''; } else if(whichOpen) { whichContinue=obj2; whichOpen.click(); } else { menuShow(obj,maxh,obj2); whichOpen=obj2; whichContinue=''; } } </script> <base target=main> </head> <body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;"> <table cellpadding=0 cellspacing=0 https://images.jiaoben.netwidth=158 align=center> <tr style="cursor:hand;"> <td height=42 valign=bottom> <img src= https://images.jiaoben.netwidth=158 height=38> </td> </tr> </table> <table cellpadding=0 cellspacing=0 https://images.jiaoben.netwidth=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=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);"> <span>系统选项</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158px;height:80px;filter:alpha(Opacity=100);overflow:hidden;" id=menu1> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 安全选项</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 垃圾邮件选项</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 动态规则选项</a> </td> </tr> </table> </div> </td> </tr> </table> <script language=javascript> var whichOpen=menuTitle1; var whichContinue=''; </script> <table cellpadding=0 cellspacing=0 https://images.jiaoben.netwidth=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>系统规则</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" id=menu2> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> IP过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 信封过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 信头过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 信体过滤规则</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 附件过滤规则</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellspacing=0 https://images.jiaoben.netwidth=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>系统管理</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 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 用户管理</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 进程管理</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 主机运行状态</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 数据备份</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 垃圾目录管理</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellspacing=0 https://images.jiaoben.netwidth=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=menuTitle4 onclick="menuChange(menu4,140,menuTitle4);"> <span>系统统计</span> </td> </tr> <tr> <td> <div class=sec_menu style="width:158;height:0;filter:alpha(Opacity=0);display:none;" id=menu4> <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;"> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> IP过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 信封过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 信头过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 信体过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 附件过滤统计</a> </td> </tr> <tr> <td height=20> <a href=http://dow**ncod*es.com onfocus=this.blur();><img src=> 动态规则统计</a> </td> </tr> </table> </div> </td> </tr> </table> <table cellpadding=0 cellspacing=0 https://images.jiaoben.netwidth=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>退出系统</span> </td> </tr> </table> </body> </html>