谢谢邀请,啥也不说,先上一个不用JS的代码:
方法1:
lsjflsjlajlsa;djflqjwwlejrflsjdlfjwqoo;lnsdl;fgnsl;rjwjeflsdjfljl;jfowei
.menubar
{line-height: 24px;}
.menubar .menuend
{clear: both;}
.menuitem
{background: #fff; border: 1px solid #c00; position: relative; float: left; margin-right: 1em;}
.menuitem .submenu
{background: #ccc; border: 1px solid #00c; position: absolute; top: 25px; left: -1px; width: 5em;}
/** 下面的控制显示和隐藏 **/
.menuitem .submenu
{display: none;}
.menuitem:hover .submenu
{display: block;}
哟,上面有位哥们已经给出了这个答案了。一会有空我再来一个。