CSS导航菜单，三级菜单实现代码_导航菜单

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>CSS导航</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> <style type="text/css"> </style> <ul id="nav"> <li class="top"><a class="top_link" href="#"><span>首页</span></a></li> <li class="top"> <a id="products" class="top_link" href="#"><span class="down">关于我们</span></a> <ul class="sub"> <li><a href="#">公司简介</a></li> <li><a href="#">董事长&总裁</a></li> <li><a href="#">发展历程</a></li> <li><a href="#">公司荣誉</a></li> </ul> </li> <li class="top"> <a id="services" class="top_link" href="#"><span class="down">产品&服务</span></a> <ul class="sub"> <li> <a class="fly" href="#">产品1</a> <ul> <li><a href="#">配套</a></li> <li><a href="#">配件</a></li> </ul> </li> <li> <a class="fly" href="#">产品2</a> <ul> <li><a href="#">产品2-1</a></li> <li><a href="#">产品2-2</a></li> </ul> </li> <li> <a class="fly" href="#">服务</a> <ul> <li><a href="#">服务111</a></li> <li><a href="#">服务112</a></li> <li><a href="#">服务113</a></li> <li><a href="#">服务114</a></li> <li><a href="#">服务115</a></li> </ul> </li> </ul> </li> <li class="top"> <a id="contacts" class="top_link" href="#"><span class="down">新闻中心</span></a> <ul class="sub"> <li><a href="#">公告</a></li> <li><a href="#">行业新闻</a></li> </ul> </li> <li class="top"> <a id="hr" class="top_link" href="#"><span class="down">人力资源</span></a> <ul class="sub"> <li><a href="#">人才战略</a></li> <li><a href="#">社会招聘</a></li> <li><a href="#">公司福利</a></li> </ul> </li> <li class="top"> <a id="investors" class="top_link" href="#"><span class="down">合作伙伴</span></a> <ul class="sub"> <li><a href="#">伙伴1</a></li> <li><a href="#">伙伴2</a></li> <li><a href="#">伙伴3</a></li> </ul> </li> <li class="top"><a id="privacy" class="top_link" href="#"><span>联系我们</span></a></li> </ul>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]