模板無憂
網(wǎng)頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網(wǎng)頁模板
程序模板
建站教程
視頻教程
網(wǎng)頁特效
圖標素材
字體下載
站長工具
站長問答
網(wǎng)頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
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)頁特效
>
菜單導航特效代碼
>
收藏
分享
查看評論
菜單導航
演示
一個很實用的下拉導航條代碼_菜單導航特效
查看演示效果
特效Tag：
下拉菜單
導航條
添加
很實用的下拉導航條，代碼有些復雜，不過菜單樣式便于自己控制，方便美化，運行一下看看效果！
<html> <head> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <title>簡單的下拉導航條</title> </head> <body> <SCRIPT language=JavaScript> function MM_findObj(n, d) { //v4.0 var p,i,x;if(!d) d=document;if((p=n.indexOf("?"))>0 && parent.frames.length){ d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n]) && d.all) x=d.all[n]; for (i=0;!x && i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x && d.layers && i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;} function MM_showHideLayers() { //v3.0 var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; } obj.visibility=v; }} //showhidelayer function mOvr(src, cOvr) {if (!src.contains(event.fromElement)) {src.style.cursor = "default";src.bgColor = cOvr;}} function mOut(src, cOut) {if (!src.contains(event.toElement)) {src.style.cursor = "default";src.bgColor = cOut;}} //changetdcolor </SCRIPT> <TABLE border=1 cellPadding=1 cellSpacing=1 width="100"> <TBODY> <TR align=middle class=dmenu> <TD> <DIV id=menu01 style="POSITION: absolute"> <DIV id=sub onmouseout="MM_showHideLayers('sub','','hide')" onmouseover="MM_showHideLayers('sub','','show')" style="HEIGHT: 46px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 11"> <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1 width=228> <TBODY> <TR bgColor=#a5db97> <TD align=right> <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F width=222> <COLGROUP span=3> <COL width="33%"> <COL width="33%"> <COL width="34%"></COLGROUP> <TBODY> <TR bgColor=#fafef4> <TD>新聞動態(tài)</TD> <TD>體育視頻</TD> <TD>最新電影</TD></TR> <TR bgColor=#fafef4> <TD>股市動態(tài)</TD> <TD>影視娛樂</TD> <TD>笑話集錦</TD></TR> </TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A class=menu href="" onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')" onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','show','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')">訂閱</A> </TD> <TD> <DIV id=menu02 style="POSITION: absolute"> <DIV id=mo onmouseout="MM_showHideLayers('mo','','hide')" onmouseover="MM_showHideLayers('mo','','show')" style="HEIGHT: 69px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 12"> <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1 width=190> <TBODY> <TR bgColor=#a5db97> <TD align=right> <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F width=184> <COLGROUP span=2> <COL width="55%"> <COL width="45%"></COLGROUP> <TBODY> <TR bgColor=#fafef4> <TD>MENU1</TD> <TD>MEUN2</TD> </TR> <TR bgColor=#fafef4> <TD>MEUN3</TD> <TD>MEUN4</TD> </TR> <TR bgColor=#fafef4> <TD>MEUN5</TD> <TD>MEUN6</TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV><A class=menu href="mo/" onmouseout="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','hide','brand','','hide','feature','','hide','product','','hide','help','','hide')" onmouseover="MM_showHideLayers('yycq','','hide','logo','','hide','ring','','hide','sub','','hide','mo','','show','brand','','hide','feature','','hide','product','','hide','help','','hide')">菜單</A> </TD> </TR></TBODY></TABLE> </body> </html>
所屬頻道：
菜單導航特效
/
更新時間：2010-05-22
[收藏]
[報錯]
[返回列表]
相關
菜單導航特效
：
CSS+div+js組合強大實現(xiàn)超酷菜單
超酷仿GOOGLE首頁導航菜單效果
仿網(wǎng)易的滑動門技術DIV+CSS實現(xiàn)
仿藍色理想網(wǎng)站的導航菜單
鼠標觸及帶邊框菜單
用JS實現(xiàn)的類似框架的鏈接導航模式
CSS立體層
右鍵彈出菜單
純css的導航下拉菜單
隱藏菜單效果
css模擬title和alt的提示效果
下拉菜單鏈接頁面打開方式選擇
菜單導航特效Rss訂閱
特效代碼搜索
菜單導航特效推薦
帶標記滑動的JS+CSS菜單
簡單實現(xiàn)點擊可展開、關閉的CSS豎向菜單
又一豎向簡潔Tab網(wǎng)頁選項卡
會更換背景的TAB選項卡
基本的全兼容純CSS下拉菜單
CSS+div+js組合強大實現(xiàn)超酷菜單
css模擬title和alt的提示效果
像電燈開關一樣的豎直菜單
在橫線中間的簡潔CSS菜單
仿藍色理想網(wǎng)站選項卡式的導航條
猜你也喜歡看這些
JS實現(xiàn)鼠標懸停圖片交換
JavaScript圖片特效
JavaScript妙味課堂，物體平移運動特效
JS點擊小圖預覽大圖(仿淘寶)
像彈簧一樣抖動的橫向圖片滾動
給一個圖片加上CSS邊框特效
Google上有過的圖片放大效果，使用了jQuery
JS打造立體旋轉的圖片特效
jquery 自動輪換內容
Javascript圖片幻燈代碼(無jquery)
相關鏈接：
復制本頁鏈接
|
搜索一個很實用的下拉導航條代碼
特效說明：
菜單導航模板
-
一個很實用的下拉導航條代碼
。
。。