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="#">首页</A></LI> <LI class=top><A id=products class=top_link href="#">关于我们</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="#">产品&服务</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="#">新闻中心</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="#">人力资源</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="#">合作伙伴</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="#">联系我们</A></LI></UL> </BODY></HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

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

您可能感兴趣的文章: