简单左拉菜单栏-css+js

构思：和上一篇的下拉菜单栏思考角度差不多。知识多了js的两个函数show()和hide().

这个是定义整一个视窗为一个大容器，上一篇是以div为一个大容器。

通过设置它的外边距margin确定在视窗那个位置，设置width和height来设置宽度和高度。

在html中ul#sidebar为包容全部内容。通过三个li为第一级菜单，li下面嵌套<ul><li></li></ul>来设置第二极菜单。

再设置第一级菜单position，height和width。

第二级菜单是position，和top（距离大容器顶部的top），left（距离大容器的左边距离），再设置整一个二级菜单的height和width。还有一个关键是display：none；页面中不显示左边的二级菜单，当hover第一级菜单时用js显示二级菜单。

index.html