jquery 遮罩插件 Simple Overlay

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


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

如何使用

首先要加载jQuery库和Overlay插件


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

给力技术

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

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

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

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

你可能感兴趣的:(web前端)