一个简洁二级导航菜单雏形

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 class="w936">   <div 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 class="ctt">     <div class="dis" id="tbc_01">ASP的内容一</div>     <div class="undis" id="tbc_02">PHP的内容二</div>     <div class="undis" id="tbc_03">.NET的内容三</div>     <div class="undis" id="tbc_04">JSP的内容四</div>     <div class="undis" id="tbc_05">JAVA的内容五</div>     <div class="undis" id="tbc_06">DELPHI的内容六</div>     <div class="undis" id="tbc_07">VC++的内容七</div>     <div class="undis" id="tbc_08">AJAX的内容</div>   </div></div></body></html>

上一篇：带颜色标记的CSs导航栏

下一篇：会自动循环播放的选项卡