效果預覽：
- ASP.NET基於微軟.NET的編程平台
- PHP使用最多的WEB開發語言
- AJAX實現網頁交互式設計
左側可彈出隱藏div
- C#.NET新一代微軟平台編程語言
- JAVA最有前途的編程語言
- DELPHI最具潛力的編程語言
本菜單支持多種浏覽器，例如IE，Chrome等。
完整代碼，保存在html文件打開也可看到效果：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS導航條-</title><base target="_blank" />
<style>
ul,li{ margin:0px; padding:0px; list-style:none;}
.div_a{ width:300px; float:left;}
.div_a li{ width:300px; height:50px; border-bottom:1px solid #fff; cursor:pointer; background-color:#060; text-align:center; line-height:50px; font-size:18px; color:#fff;}
.div_a1-keleyi-com{ width:300px; height:100px; position:relative; background-color:#F00; top:-50px; left:250px; z-index:999; display:none;}
.div_a li:hover .div_a1-keleyi-com{ display:block;}.div_a a{ color:white;}
</style>
</head>
<body>
<div class="div_a">
<ul>
<li><a href="http:///menu/aspnet/">ASP.NET</a><div class="div_a1-keleyi-com"><a href="http:///a/bjac/kjsrt3b0.htm">基於微軟.NET的編程平台</a></div></li>
<li><a href="http:///a/bjac/ck9atu5j.htm">PHP</a><div class="div_a1-keleyi-com"><a href="http:///a/bjac/mnmpm4bv.htm">使用最多的WEB開發語言</a></div></li>
<li><a href="http:///a/bjac/kjsrt3b0.htm">AJAX</a><div class="div_a1-keleyi-com"><a href="http:///a/bjac/182di68b.htm">實現網頁交互式設計</a><br /><a href="http:///a/bjac/13639353acde40c.htm">左側可彈出隱藏div</a></div></li>
<li><a href="http:///menu/csharp/">C#.NET</a><div class="div_a1-keleyi-com"><a href="http:///menu/net/">新一代微軟平台編程語言</a></div></li>
<li><a href="http:///menu/javascript/">JAVA</a><div class="div_a1-keleyi-com"><a href="http:///a/bjac/9a9irmcm.htm">最有前途的編程語言</a></div></li>
<li><a href="http:///a/bjac/ck9atu5j.htm">DELPHI</a><div class="div_a1-keleyi-com"><a href="http:///a/bjac/5939d3b2c920ff6d.htm">最具潛力的編程語言</a></div></li>
</ul>
</div>
</body>
</html>