jQuery弹出遮罩层效果完整示例

本文实例讲述了jQuery弹出遮罩层效果。分享给大家供大家参考，具体如下：

#overlay {
  background: #000;
  filter: alpha(opacity=50); 
  opacity: 0.5; 
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100; 
  display:none;
  _background-color:#a0a0a0; 
}





打开遮罩层
关闭遮罩层
阅谁问君诵，水落清香浮。

运行效果图如下：

PS：该源码兼容IE6+，火狐，谷歌，苹果，欧朋等主流的浏览器。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。