一個簡潔二級導航菜單雛形

2024-09-05 12:20:12

字體：大中小

來源：轉載

供稿：網友

一個二級導航菜單雛形，風格簡潔，圓角形，也是當前比較流行的菜單效果，支持二級，演示內容是隨便搞的，希望大家喜歡。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>二級導航菜單</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type="text/css">  </style> <script type="text/javascript" language="javascript">  </script> </head><body><div   id="70qarhlowxag"   class="w936">   <div   class="70qarhlowxag"   id="tb_" class="tb_ tabs">     <ul>       <li id="tb_1" onmouseover="HoverLi(1);"><span>ASP</span></li>       <li id="tb_2" onmouseover="HoverLi(2);"><span>PHP</span></li>       <li id="tb_3" onmouseover="HoverLi(3);"><span>.NET</span></li>       <li id="tb_4" onmouseover="HoverLi(4);"><span>JSP</span></li>       <li id="tb_5" onmouseover="HoverLi(5);"><span>JAVA</span></li>       <li id="tb_6" onmouseover="HoverLi(6);"><span>DELPHI</span></li>       <li id="tb_7" onmouseover="HoverLi(7);"><span>VC++</span></li>       <li id="tb_8" onmouseover="HoverLi(8);"><span>AJAX</span></li>     </ul>   </div>   <div   id="70qarhlowxag"   class="ctt">     <div   id="70qarhlowxag"   class="dis" id="tbc_01">ASP的內容一</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_02">PHP的內容二</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_03">.NET的內容三</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_04">JSP的內容四</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_05">JAVA的內容五</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_06">DELPHI的內容六</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_07">VC++的內容七</div>     <div   id="70qarhlowxag"   class="undis" id="tbc_08">AJAX的內容</div>   </div></div></body></html>

上一篇：帶顏色標記的CSs導航欄

下一篇：會自動循環播放的選項卡