一個(gè)簡(jiǎn)潔二級(jí)導(dǎo)航菜單雛形

2024-09-05 12:20:12

字體：大中小

供稿：網(wǎng)友

一個(gè)二級(jí)導(dǎo)航菜單雛形，風(fēng)格簡(jiǎn)潔，圓角形，也是當(dāng)前比較流行的菜單效果，支持二級(jí)，演示內(nèi)容是隨便搞的，希望大家喜歡。

<!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>二級(jí)導(dǎo)航菜單</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="iwvjtn8m0"   class="w936">   <div   class="iwvjtn8m0"   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="iwvjtn8m0"   class="ctt">     <div   id="iwvjtn8m0"   class="dis" id="tbc_01">ASP的內(nèi)容一</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_02">PHP的內(nèi)容二</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_03">.NET的內(nèi)容三</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_04">JSP的內(nèi)容四</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_05">JAVA的內(nèi)容五</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_06">DELPHI的內(nèi)容六</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_07">VC++的內(nèi)容七</div>     <div   id="iwvjtn8m0"   class="undis" id="tbc_08">AJAX的內(nèi)容</div>   </div></div></body></html>

上一篇：帶顏色標(biāo)記的CSs導(dǎo)航欄

下一篇：會(huì)自動(dòng)循環(huán)播放的選項(xiàng)卡