<bdo id="ndiva"><small id="ndiva"></small></bdo>
<bdo id="ndiva"></bdo>
<bdo id="ndiva"></bdo>
<center id="ndiva"><listing id="ndiva"><u id="ndiva"></u></listing></center>
首頁
網頁特效庫
網頁特效庫
導航菜單
按鈕表單
背景特效
時間日期
圖片特效
鼠標特效
文本操作
窗口頁面
狀態(tài)欄類
警告對話
綜合應用
游戲娛樂
首頁
>
特效
>
導航菜單
> 正文
導航菜單特效代碼
2009-11-23 導航菜單 ℃
要完成此效果需要兩個步驟 第一步：把如下代碼加入到<head>區(qū)域中 <style> <!-- Begin .BorderOn { width:90px; margin-left:10px; border:1px solid #456789 } .BorderOff { width:90px; margin-left:0px; border:1px solid #444444 } A.mBlue:link {color:#00CCFF; text-decoration:none;} A.mBlue:visited {color:#00CCFF; text-decoration:none;} A.mBlue:active {color:#00CCFF; text-decoration:none;} A.mBlue:hover {color:#FF0000; text-decoration:underline;} A.mGreen:link {color:#00FF80; text-decoration:none;} A.mGreen:visited {color:#00FF80; text-decoration:none;} A.mGreen:active {color:#00FF80; text-decoration:none;} A.mGreen:hover {color:#FF0000; text-decoration:underline;} A.mYellow:link {color:#FFFF00; text-decoration:none;} A.mYellow:visited {color:#FFFF00; text-decoration:none;} A.mYellow:active {color:#FFFF00; text-decoration:none;} A.mYellow:hover {color:#FF0000; text-decoration:underline;} //--> </style> <script language="javascript1.2"> <!-- Begin offMessage = "Add this menu to your site!" function boxOn(which,message) { if (document.all||document.getElementById) { which.className = 'BorderOn'; if (document.getElementById) { document.getElementById("Message").innerHTML = message } else { Message.innerHTML = message; } } } function boxOff(which) { if (document.all||document.getElementById) { which.className = 'BorderOff'; if (document.getElementById) { document.getElementById("Message").innerHTML = offMessage } else { Message.innerHTML = offMessage; } } } // End --> </script> 第二步：如下代碼加入到<body>區(qū)域中 <table cellpadding="0" cellspacing="0" width="100"> <tr> <td align="center"> <!-- Header Table // --> <table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff"> <tr bgcolor="#999999"> <td> <div align="center"><font color="#FEDCBA" size="2" face="Arial">主菜單</font></div> </td> </tr> </table> <!-- End Header Table //--> <!-- Menu Items Tables - To add more, just follow the pattern - Note class= in each <a href> to attach link style colors //--> <!-- Menu Item One Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Visit the javascript Source')" onMouseout="boxOff(this)"> <tr bgcolor="#999999"> <td> <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="link.htm" target="_blank">分類一</a></font> </div> </td> </tr> </table> <!-- Menu Item Two Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 2')" onMouseout="boxOff(this)"> <tr bgcolor="#999999"> <td> <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://.com/" target="_blank">分類二</a></font> </div> </td> </tr> </table> <!-- Menu Item Three Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 3')" onMouseout="boxOff(this)"> <tr bgcolor="#999999"> <td> <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://.com/bb/" target="_blank">分類三</a></font></div> </td> </tr> </table> <!-- Menu Item Four Table //--> <table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 4')" onMouseout="boxOff(this)"> <tr bgcolor="#999999"> <td> <div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://.com/ts/" target="_blank">分類四</a></font></div> </td> </tr> </table> <!-- End Menu Items Tables //--> <!-- Message Table //--> <!-- Set the width= of this table the same as the overall width in the <style> //--> <table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"> <tr bgcolor="#999999"> <td> <!-- Set the width= of this table to the overall width in the style table minus 2x the border width; set the height= long (large) enough to accommodate your longest message //--> <table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100"> <tr bgcolor="#999999"> <td align="left" valign="top"> <font id="Message" color="#CBA987" size="2" face="Arial">Move your mouse over the menu items.</font> </td> </tr> </table> </td> </tr> </table> <!-- End Message Table //--> </td> </tr> </table>
相關特效代碼
無相關信息
熱門特效代碼
三級豎向展開/收縮導航菜單
鼠標指向彈出菜單
jQuery 彈出菜單層
CSS二級下拉導航菜單
CSS做的垂直導航菜單效果
橫向二級導航菜單
仿google首頁下端圖片文字動畫導
導航鏈接菜單間隔閃爍
動態(tài)翻滾的導航條[酷比flash]
純CSS的三級聯(lián)動級聯(lián)菜單
推薦特效代碼
CSS+div+js組合強大實現(xiàn)超酷菜單
動態(tài)翻滾的導航條[酷比flash]
CSS橫向下拉菜單
微軟風格的CSS橫向菜單
立體的CSS按鈕菜單效果
左側隱藏的菜單
網站首頁
|
關于我們
|
游客留言
|
網站地圖
|
免責聲明
|
返回頂部
陜ICP備05013981號-6
