使用HTML和CSS制作下拉菜单的方法如下：
1、编写带有div导航的html代码：
2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。
3、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。
4、在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。
5、制作导航css：
你是要横着的导航条式的，还是竖着的目录式的呢？$(".leftsc>ul>li").hover(function(){
$(this).find("ul").show()
},function(){
$(this).find("ul").hide()
})
剩下的就是你的css样式布局了。。你也可以通过加class,设置class的属性display:block；默认子层的ul的disaplay:none可以用hover效果也可以用click来切换class.
自己写最好了，最能满足实际需求又不会有包袱。这个基本就是写好页面然后用css调整位置就好了应该。
将整个父容器设置为相对定位，然后将左半部分设置为绝对定位，实现点击隐藏/展开，动画可以用jQuery。
是实现浮层的。如果单纯是想实现整体位移应该更简洁，直接把整个html页面写出，然后在点击的时候控制可见的部分就好了。
