侧边栏的显现以及面纱效果

充斥整个页面

一面纱设置

1使div固定定位 position:fixed;top:0;right:0;buttom:0;left:0;

2设置透明度rgba(0,0,0,0.2)

二侧边栏设置

1使div固定定位 position:fixed;top:0;right:0;buttom:0;width:300px;(使左边留有距离)right:-300px（隐藏侧边栏）

2设置ul

  a.去下划线

  b.padding magin为0

3设置a标签

  a.设置inline-block可设置宽高

  b.设置间隙padding:20px, 0;

  c.设置整行width:100%

三触发事件

 a显现方法

 1显现面纱//mask.fadeIn(1000)

 2显现侧边栏// .css('right',0);

 a隐藏方法

 1隐藏面纱//mask.fadeOut  (1000)

 b.注册单击事件