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

所属分类：网络编程 / JavaScript 阅读数： 737

收藏 0赞 0分享

<!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> </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导航菜单，三级菜单实现代码

javascript if条件判断方法小结

javascript教程:关于if简写语句优化的方法

wap浏览自动跳转到wap页面的js代码

jqGrid读取选择的多行的某个属性代码

让alert不出现弹窗的两种方法

JSON+HTML实现国家省市联动选择效果

javascript的alert box在java中如何显示多行

绑定回车enter事件代码

Jquery 返回json数据在IE浏览器中提示下载的问题

用jquery实现的一个超级简单的下拉菜单

网络赚钱

站长故事