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

<!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>CSS导航</TITLE> 
<META content="text/html; charset=gb2312" http-equiv=Content-Type> 
<style type="text/css"> 
 
</style> 
</HEAD> 
<BODY> 
<UL id=nav> 
<LI class=top><A class=top_link 
href="#" _ewebeditor_ta_href="%23">首页</A></LI> 
<LI class=top><A id=products class=top_link 
href="#" _ewebeditor_ta_href="%23">关于我们</A> 
<UL class=sub> 
<LI><A href="#" _ewebeditor_ta_href="%23">公司简介</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">董事长&总裁</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">发展历程</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">公司荣誉</A></LI></UL></LI> 
<LI class=top><A id=services class=top_link href="#" _ewebeditor_ta_href="%23">产品&服务</A> 
<UL class=sub> 
<LI><A class=fly href="#" _ewebeditor_ta_href="%23">产品1</A> 
<UL> 
<LI><A href="#" _ewebeditor_ta_href="%23">配套</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">配件</A></LI></UL></LI> 
<LI><A class=fly href="#" _ewebeditor_ta_href="%23">产品2</A> 
<UL> 
<LI><A href="#" _ewebeditor_ta_href="%23">产品2-1</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">产品2-2</A></LI></UL></LI> 
<LI><A class=fly href="#" _ewebeditor_ta_href="%23">服务</A> 
<UL> 
<LI><A href="#" _ewebeditor_ta_href="%23">服务111</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">服务112</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">服务113</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">服务114</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">服务115</A></LI></UL></LI></UL></LI> 
<LI class=top><A id=contacts class=top_link 
href="#" _ewebeditor_ta_href="%23">新闻中心</A> 
<UL class=sub> 
<LI><A href="#" _ewebeditor_ta_href="%23">公告</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">行业新闻</A></LI></UL></LI> 
<LI class=top><A id=hr class=top_link href="#" _ewebeditor_ta_href="%23">人力资源</A> 
<UL class=sub> 
<LI><A href="#" _ewebeditor_ta_href="%23">人才战略</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">社会招聘</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">公司福利</A></LI></UL></LI> 
<LI class=top><A id=investors class=top_link 
href="#" _ewebeditor_ta_href="%23">合作伙伴</A> 
<UL class=sub> 
<LI><A href="#" _ewebeditor_ta_href="%23">伙伴1</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">伙伴2</A></LI> 
<LI><A href="#" _ewebeditor_ta_href="%23">伙伴3</A></LI></UL></LI> 
<LI class=top><A id=privacy class=top_link href="#" _ewebeditor_ta_href="%23">联系我们</A></LI></UL> 
</BODY></HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程