模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標(biāo)簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標(biāo)素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導(dǎo)航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉(zhuǎn)換
鍵盤鼠標(biāo)
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網(wǎng)站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網(wǎng)站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網(wǎng)頁特效代碼
模板無憂
>
網(wǎng)頁特效
>
菜單導(dǎo)航特效代碼
>
收藏
分享
查看評論
菜單導(dǎo)航
演示
圖形漸隱導(dǎo)航菜單欄_菜單導(dǎo)航特效
查看演示效果
特效Tag：
菜單欄
圖形
添加
此文來自_模板無憂_www.wf0088.com
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <meta name="keywords" mrc=""> <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="http://p1.mb5u.com/texiao/title_bg_hide.gif"; 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="http://p1.mb5u.com/texiao/title_bg_show.gif"; 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 width=158 align=center> <tr style="cursor:hand;"> <td height=42 valign=bottom> <img src=http://p1.mb5u.com/texiao/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://p1.mb5u.com/texiao/title_bg_hide.gif id=menuTitle1 onclick="menuChange(menu1,80,menuTitle1);"> <span>系統(tǒng)選項</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://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 安全選項</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 垃圾郵件選項</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 動態(tài)規(guī)則選項</a> </td> </tr> </table> </div> </td> </tr> </table> <script language=javascript> var whichOpen=menuTitle1; var whichContinue=''; </script> <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://p1.mb5u.com/texiao/title_bg_show.gif id=menuTitle2 onclick="menuChange(menu2,120,menuTitle2);"> <span>系統(tǒng)規(guī)則</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://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> IP過濾規(guī)則</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 信封過濾規(guī)則</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 信頭過濾規(guī)則</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 信體過濾規(guī)則</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.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://p1.mb5u.com/texiao/title_bg_show.gif id=menuTitle3 onclick="menuChange(menu3,120,menuTitle3);"> <span>系統(tǒng)管理</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://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 用戶管理</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 進(jìn)程管理</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 主機(jī)運行狀態(tài)</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 數(shù)據(jù)備份</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.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://p1.mb5u.com/texiao/title_bg_show.gif id=menuTitle4 onclick="menuChange(menu4,140,menuTitle4);"> <span>系統(tǒng)統(tǒng)計</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://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> IP過濾統(tǒng)計</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 信封過濾統(tǒng)計</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 信頭過濾統(tǒng)計</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 信體過濾統(tǒng)計</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.gif> 附件過濾統(tǒng)計</a> </td> </tr> <tr> <td height=20> <a href=http://www.wf0088.com onfocus=this.blur();><img src=http://p1.mb5u.com/texiao/img_u.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://p1.mb5u.com/texiao/title_bg_quit.gif> <span>退出系統(tǒng)</span> </td> </tr> </table> </body> </html>
所屬頻道：
菜單導(dǎo)航特效
/
更新時間：2011-02-23
[收藏]
[報錯]
[返回列表]
相關(guān)
菜單導(dǎo)航特效
：
CSS+div+js組合強(qiáng)大實現(xiàn)超酷菜單
超酷仿GOOGLE首頁導(dǎo)航菜單效果
仿網(wǎng)易的滑動門技術(shù)DIV+CSS實現(xiàn)
仿藍(lán)色理想網(wǎng)站的導(dǎo)航菜單
鼠標(biāo)觸及帶邊框菜單
用JS實現(xiàn)的類似框架的鏈接導(dǎo)航模式
CSS立體層
右鍵彈出菜單
純css的導(dǎo)航下拉菜單
隱藏菜單效果
css模擬title和alt的提示效果
下拉菜單鏈接頁面打開方式選擇
菜單導(dǎo)航特效Rss訂閱
特效代碼搜索
菜單導(dǎo)航特效推薦
帶缺口導(dǎo)航的CSS菜單欄
半透明藍(lán)色調(diào)水平下拉導(dǎo)航條，很漂亮
CSSplay網(wǎng)站的二級滑動菜單
面試時候?qū)懙腃SS橫向二級菜單
鼠標(biāo)點擊觸發(fā)的導(dǎo)航菜單
CSS實現(xiàn)的Vista風(fēng)格菜單
清新選項卡(一個頁面布局兩個)
滑出浮動層的CSS大塊導(dǎo)航菜單
簡單漂亮的導(dǎo)航條
右鍵點出菜單條
猜你也喜歡看這些
間隔時間自由滾動特技
頁面的左右下腳始終固定不動的圖片廣告代碼
純CSS 漂亮的立體圖片邊框效果，陰影代碼
鼠標(biāo)接觸或者離開圖片時，圖片大小會相應(yīng)變化
可控的縱向圖片滾動
純CSS實現(xiàn)鼠標(biāo)移上圖片添加陰影效果
最簡的JavaScript鼠標(biāo)經(jīng)過切換圖片
下拉框選擇圖片的代碼
前后輪翻的JS圖片幻燈切換
CSS強(qiáng)制按比例縮小圖片
相關(guān)鏈接：
復(fù)制本頁鏈接
|
搜索圖形漸隱導(dǎo)航菜單欄
特效說明：
菜單導(dǎo)航模板
-
圖形漸隱導(dǎo)航菜單欄
。
。。