HTML下拉菜单

来源：互联网发布：淘宝企业和天猫的区别编辑：程序博客网时间：2024/05/07 16:46

一个简单的下拉菜单，主要说明CSS中posistion的作用。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>浮动窗体</title><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">.submenu {background: #ff3398;position: absolute;display: none;}.siteactive {color: red;}</style><mce:script type="text/javascript"></mce:script></head><body bgcolor="silver"><table cellpadding="0" cellspacing="0"><tr><td id="cinfo" align="center" onmouseout="hideNav(this);"><div onmouseover="show(this);" style="background: blue; width: 80px;" id="cinfo0">公司信息</div><div class="submenu" id="cinfo0_"><a>公司动态</a><br><a>管理团队</a><br><a>合作单位</a><br><a>发展单位</a></div></td><td align="center" onmouseout="hideNav(this);" id="solve"><div onmouseover="show(this);" style="background: blue; width: 80px;" id="solve0">解决方案</div><div class="submenu" id="solve0_"><a>电力行业</a><br><a>IT行业</a><br><a>医疗机构</a><br/> <a>制造业</a></div></td></tr></table></body></html>

这些内容完全可以用JS实现。