jquery 遮罩插件 Simple Overlay

  轻量级的jQuery遮罩层插件-Simple Overlay，当我们需要遮挡住某个HTML元素或者要吸引用户的注意时就会用到遮罩层。

这是个轻量级并且兼容性强的插件，用到了jQuery的淡入淡出效果来显示遮罩。插件也具有很高的可定制性，用户可自定义颜色、透明度等。

如何使用

首先要加载jQuery库和Overlay插件

<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.overlay.min.js" type="text/javascript"></script>

然后在HTML页面中添加任意网页元素，如链接、段落标签等

<p id="paragraph-trigger">给力技术</p>

最后使用以下方法调用就大功告成了，如果想要更高级的效果可以再设置一些参数

$('#paragraph-trigger').click(function() {
  $(this).overlay({
   closeOnClick: true
  });
});

下载地址：http://dl.dbank.com/c060dzx4fg

演示地址：http://site518.net/demo/overlay/overlay.htm