非常酷的js图形渐隐导航菜单栏-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

<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>  <base target=main> </head> <body onselectstart="return false;" ondragstart="return false;" oncontextmenu="return false;"> <table cellpadding=0 cellspacing=0 width=158 align=center>   <tr style="cursor:hand;">     <td height=42 valign=bottom>       <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/0b9aaa599aa61deac4032472c1d2aab1.gif width=158 height=38>     </td>   </tr> </table>   <table cellpadding=0 cellspacing=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=http://images.jojoo.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/js/title_bg_hide.gif id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);">       <span>系统选项</span>     </td>   </tr>   <tr>     <td>                <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/a34c571a99eb5dfa20bf85d0701623d2.gif>               安全选项             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/4e025e9d3ce86532fa05f4b8d69b637c.gif>               垃圾邮件选项             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/d65645c12065784d3c74262552547bb3.gif>               动态规则选项             </td>           </tr>         </table>            </td>   </tr> </table>    <table cellpadding=0 cellspacing=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=http://images.jojoo.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/js/title_bg_show.gif id=menuTitle2 onclick="menuChange(menu2,120,menuTitle2);">       <span>系统规则</span>     </td>   </tr>   <tr>     <td>                <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/bc7739cb353589f1bac793bfd1eef895.gif>               IP过滤规则             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/d1ffd081247100599668022bb289cc88.gif>               信封过滤规则             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/c41adaf9c4fd10d120e739aecf3b25a2.gif>               信头过滤规则             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/92c158f7bc0b8bb7633acdc219959f5e.gif>               信体过滤规则             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/979adf3748d1b2ee034f339e26d7bd56.gif>               附件过滤规则             </td>           </tr>         </table>            </td>   </tr> </table>   <table cellpadding=0 cellspacing=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=http://images.jojoo.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/js/title_bg_show.gif id=menuTitle3 onclick="menuChange(menu3,120,menuTitle3);">       <span>系统管理</span>     </td>   </tr>   <tr>     <td>                <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/7adfbafd44e424918294899017e03057.gif>               用户管理             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/97986b5ab9cbd8e5aeaa401267dbcb4a.gif>               进程管理             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/e251f8d5e7fefcab5e8cc086885e870d.gif>               主机运行状态             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/5d49c6b0563e62c286e8e0de7d772679.gif>               数据备份             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/4e025e9d3ce86532fa05f4b8d69b637c.gif>               垃圾目录管理             </td>           </tr>         </table>            </td>   </tr> </table>   <table cellpadding=0 cellspacing=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=http://images.jojoo.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/js/title_bg_show.gif id=menuTitle4 onclick="menuChange(menu4,140,menuTitle4);">       <span>系统统计</span>     </td>   </tr>   <tr>     <td>                <table cellpadding=0 cellspacing=0 align=center width=135 style="position:relative;top:10px;">           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/bc7739cb353589f1bac793bfd1eef895.gif>               IP过滤统计             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/d1ffd081247100599668022bb289cc88.gif>               信封过滤统计             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/c41adaf9c4fd10d120e739aecf3b25a2.gif>               信头过滤统计             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/92c158f7bc0b8bb7633acdc219959f5e.gif>               信体过滤统计             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/979adf3748d1b2ee034f339e26d7bd56.gif>               附件过滤统计             </td>           </tr>           <tr>             <td height=20>               <img src=/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/d65645c12065784d3c74262552547bb3.gif>               动态规则统计             </td>           </tr>         </table>            </td>   </tr> </table>   <table cellpadding=0 cellspacing=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=http://images.jojoo.<a href=/itjie/NETjishu/ target=_blank class=infotextkey>NET</a>/js/title_bg_quit.gif>       <span>退出系统</span>     </td>   </tr> </table> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript技术：非常酷的js图形渐隐导航菜单栏，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读