用原型实现侧边栏效果
首先要掌握原型的基础知识，本实例采用组合使用原型模式和构造函数，其中构造函数模式用于定义实例属性，而原型模式用于定义方法和共享的属性
一、 使用JavaScript的构造函数创建对象
1.1构造侧边栏对象
构造函数
原型模式
1.2、创建菜单对象
构造函数原型模型
close函数，在侧标栏中可以调用
二、添加动画效果
2.1关闭侧标栏
注意关闭后状态的变化，以及为了配合动画的效果我们需要手动的设置top和left
打开侧标栏
2.2.菜单栏的动画
无论关闭或是打开，都需要保存top和left数据
打开菜单栏
关闭菜单栏
这里要注意为了点击另外一个按钮时也能正常显示菜单栏，必须在关闭操作的下面再加上打开操作