CSS導航菜單，三級菜單實現(xiàn)代碼

2019-11-21 00:09:38

字體：大中小

供稿：網(wǎng)友

<!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 id="iwvjtn8m0" class=top><A class=top_link href="#">首頁</A></LI> <li id="iwvjtn8m0" class=top><A id=products class=top_link href="#">關(guān)于我們</A> <UL class=sub> <LI><A href="#">公司簡介</A></LI> <LI><A href="#">董事長&總裁</A></LI> <LI><A href="#">發(fā)展歷程</A></LI> <LI><A href="#">公司榮譽</A></LI></UL></LI> <li id="iwvjtn8m0" class=top><A id=services class=top_link href="#">產(chǎn)品&服務</A> <UL class=sub> <LI><A class=fly href="#">產(chǎn)品1</A> <UL> <LI><A href="#">配套</A></LI> <LI><A href="#">配件</A></LI></UL></LI> <LI><A class=fly href="#">產(chǎn)品2</A> <UL> <LI><A href="#">產(chǎn)品2-1</A></LI> <LI><A href="#">產(chǎn)品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 id="iwvjtn8m0" class=top><A id=contacts class=top_link href="#">新聞中心</A> <UL class=sub> <LI><A href="#">公告</A></LI> <LI><A href="#">行業(yè)新聞</A></LI></UL></LI> <li id="iwvjtn8m0" class=top><A id=hr class=top_link href="#">人力資源</A> <UL class=sub> <LI><A href="#">人才戰(zhàn)略</A></LI> <LI><A href="#">社會招聘</A></LI> <LI><A href="#">公司福利</A></LI></UL></LI> <li id="iwvjtn8m0" 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 id="iwvjtn8m0" class=top><A id=privacy class=top_link href="#">聯(lián)系我們</A></LI></UL> </BODY></HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：擴展easyui.datagrid，添加數(shù)據(jù)loading遮罩效果代碼

下一篇：Ajax在線提交留言并實時顯示的js代碼[修正版]