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

269 阅读 0 评论 178 点赞

我是靠谱客的博主孤独红酒，这篇文章主要介绍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>首页</LI> 
<LI class=top>关于我们 
<UL class=sub> 
<LI>公司简介</LI> 
<LI>董事长&总裁</LI> 
<LI>发展历程</LI> 
<LI>公司荣誉</LI></UL></LI> 
<LI class=top>产品&服务 
<UL class=sub> 
<LI>产品1 
<UL> 
<LI>配套</LI> 
<LI>配件</LI></UL></LI> 
<LI>产品2 
<UL> 
<LI>产品2-1</LI> 
<LI>产品2-2</LI></UL></LI> 
<LI>服务 
<UL> 
<LI>服务111</LI> 
<LI>服务112</LI> 
<LI>服务113</LI> 
<LI>服务114</LI> 
<LI>服务115</LI></UL></LI></UL></LI> 
<LI class=top>新闻中心 
<UL class=sub> 
<LI>公告</LI> 
<LI>行业新闻</LI></UL></LI> 
<LI class=top>人力资源 
<UL class=sub> 
<LI>人才战略</LI> 
<LI>社会招聘</LI> 
<LI>公司福利</LI></UL></LI> 
<LI class=top>合作伙伴 
<UL class=sub> 
<LI>伙伴1</LI> 
<LI>伙伴2</LI> 
<LI>伙伴3</LI></UL></LI> 
<LI class=top>联系我们</LI></UL> 
</BODY></HTML>

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