快捷導(dǎo)航

非常酷的js圖形漸隱導(dǎo)航菜單欄

更新時間：2007年08月28日 20:49:33 作者：

<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 href="http://www.fzitv.net/"/> </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=images/title.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.net/js/title_bg_hide.gif id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);">       <span>系統(tǒng)選項</span>     </td>   </tr>   <tr>     <td>       <div   id="wppm3vysvbp"   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://qybbs.net onfocus=this.blur();><img src=images/icon_safe.gif>               安全選項</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_recycle.gif>               垃圾郵件選項</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_dynamic.gif>               動態(tài)規(guī)則選項</a>             </td>           </tr>         </table>       </div>     </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.net/js/title_bg_show.gif id=menuTitle2 onclick="menuChange(menu2,120,menuTitle2);">       <span>系統(tǒng)規(guī)則</span>     </td>   </tr>   <tr>     <td>       <div   id="wppm3vysvbp"   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://qybbs.net onfocus=this.blur();><img src=images/icon_ip.gif>               IP過濾規(guī)則</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailer.gif>               信封過濾規(guī)則</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailheader.gif>               信頭過濾規(guī)則</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailbody.gif>               信體過濾規(guī)則</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_accessory.gif>               附件過濾規(guī)則</a>             </td>           </tr>         </table>       </div>     </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.net/js/title_bg_show.gif id=menuTitle3 onclick="menuChange(menu3,120,menuTitle3);">       <span>系統(tǒng)管理</span>     </td>   </tr>   <tr>     <td>       <div   id="wppm3vysvbp"   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://qybbs.net onfocus=this.blur();><img src=images/icon_user.gif>               用戶管理</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_course.gif>               進(jìn)程管理</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_host.gif>               主機運行狀態(tài)</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_data.gif>               數(shù)據(jù)備份</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_recycle.gif>               垃圾目錄管理</a>             </td>           </tr>         </table>       </div>     </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.net/js/title_bg_show.gif id=menuTitle4 onclick="menuChange(menu4,140,menuTitle4);">       <span>系統(tǒng)統(tǒng)計</span>     </td>   </tr>   <tr>     <td>       <div   id="wppm3vysvbp"   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://qybbs.net onfocus=this.blur();><img src=images/icon_ip.gif>               IP過濾統(tǒng)計</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailer.gif>               信封過濾統(tǒng)計</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailheader.gif>               信頭過濾統(tǒng)計</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_mailbody.gif>               信體過濾統(tǒng)計</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_accessory.gif>               附件過濾統(tǒng)計</a>             </td>           </tr>           <tr>             <td height=20>               <a href=http://qybbs.net onfocus=this.blur();><img src=images/icon_dynamic.gif>               動態(tài)規(guī)則統(tǒng)計</a>             </td>           </tr>         </table>       </div>     </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.net/js/title_bg_quit.gif>       <span>退出系統(tǒng)</span>     </td>   </tr> </table> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: