现在的位置: 首页 > 综合 > 正文

jquery 遮罩插件 Simple Overlay

2018年05月07日 ⁄ 综合 ⁄ 共 552字 ⁄ 字号 评论关闭

  轻量级的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

抱歉!评论已关闭.