`

jquery blockUI 頁面遮罩的特效

阅读更多

1、页面遮罩

$.blockUI({
                message : $("#aa"), --遮罩需要显示的信息(可无)
                css : {  --遮罩层的样式(可无)
                    width : '0px',
                    height : '0px',
                    left : ($(window).width() - 240) / 2 + 'px',
                    top : ($(window).height() - 190) / 2 + 'px',
                    border : 'none',
                    zindex : 9999  --显示的zindex值,越大越现实在上层
                },
                baseZ : 9999  --显示的zindex值,越大越现实在上层

 });

 

2、遮罩取消

$.blockUI()  --绑定到特定的事件上,如:单击事件等。

分享到:
评论

相关推荐

    基于jquery的BlockUI做的遮罩层

    在网页开发中,有时我们需要创建一个遮罩层或者弹出框来提示用户或者阻止用户与页面其他部分的交互,这就是“基于jQuery的BlockUI”插件所做的事情。BlockUI是一款非常实用的jQuery插件,它能够方便地实现页面区域的...

    jquery.blockui遮罩插件

    jQuery BlockUI 插件正是为实现这一目的而设计的,它允许开发者轻松地锁定页面,展示加载指示器,并在完成后解除锁定。 **1. jQuery BlockUI 的核心功能** - **页面锁定**:jQuery BlockUI 可以将整个页面或特定...

    JQuery Blockui遮罩功能

    《JQuery Blockui 遮罩功能详解及应用实践》 在Web开发中,我们经常需要在用户进行某些操作(如提交表单、加载数据)时显示一个加载提示或者阻止用户交互,这时JQuery Blockui插件就派上了用场。Blockui允许我们在...

    jquery实现图片遮罩动画进渡提示特效

    3. **jQuery脚本**:在页面加载完成后,绑定事件监听器来控制遮罩层的动画效果。 ```javascript $(document).ready(function() { // 图片加载完成时显示遮罩 $('img').on('load', function() { $('.mask').fade...

    jQuery BlockUI 插件(遮罩层)

    jQuery BlockUI 是一个非常实用的JavaScript...总之,jQuery BlockUI是一个强大且灵活的插件,可以帮助开发者快速实现页面遮罩效果,提升用户体验。通过深入理解和实践,你可以根据项目需求定制各种复杂的遮罩场景。

    Jquery 等待弹出框插件jquery.blockUI(遮罩蒙板)

    jQuery BlockUI 插件就是这样一个工具,它能轻松实现页面的“锁定”效果,创建出类似于弹出框的遮罩层,为用户提供直观的反馈。 **一、BlockUI 插件安装与引入** 首先,你需要在项目中引入 jQuery 和 BlockUI 插件...

    jquery blockUI Version 2.39

    jQuery blockUI plugin Version 2.39 (23-MAY-2011) Demos: $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); ...

    Jquery BlockUI的使用

    在网页开发中,我们常常需要实现一些交互效果,比如页面部分区域的加载提示、阻止用户交互等,这时jQuery BlockUI插件就能派上大用场。BlockUI是jQuery的一个扩展,它能够方便地创建出模拟对话框效果、页面锁定等...

    jquery.blockUI.js

    jQuery.blockUI.js是一个强大的jQuery插件,它的主要功能是在网页上创建一个可定制的遮罩层,使得用户在特定区域或整个页面无法进行任何操作,直到遮罩层被解除。这样,当需要用户等待时,可以避免他们进行不必要的...

    jQuery图片动画遮罩层lightbox特效

    《jQuery图片动画遮罩层与Lightbox特效详解》 在网页设计中,视觉效果的呈现对于用户体验至关重要。jQuery图片动画遮罩层与Lightbox特效就是一种增强网页互动性与美观性的技术,它使得图片展示更加生动有趣。本文将...

    jQuery遮罩Loading加载特效

    **jQuery遮罩Loading加载特效**是网页开发中常用的一种用户体验优化技术,主要用于在页面内容加载过程中展示一个半透明的遮罩层,同时显示一个“加载中”的提示图标或文字,以告知用户页面正在处理数据,避免用户在...

    jQuery缩略图遮罩层网页特效

    本资源“jQuery缩略图遮罩层网页特效”是针对网站用户体验优化的一个实用功能,尤其适用于图像展示和画廊类网页。下面将详细阐述jQuery如何实现缩略图遮罩层效果以及相关技术点。 首先,缩略图遮罩层的基本概念是,...

    jQuery手机端遮罩弹出菜单代码

    主菜单按钮通常是触发动态菜单显示的触发器,而遮罩层则用于覆盖整个页面,提供视觉焦点。 2. **CSS样式**:为了使遮罩层看起来和行为正确,我们需要为其设置适当的CSS样式。这通常包括设置全屏宽度和高度,以及...

    jquery鼠标悬停遮罩图文切换效果

    遮罩层通常用于在页面上的某个特定区域创建一个半透明或全黑的覆盖层,以突出显示下方的内容或执行某种操作。在jQuery中,我们可以通过CSS来设置遮罩层的样式,并通过JavaScript控制其显示和隐藏。 “图文切换”是...

    jquery.blockUI完整事例

    jQuery.blockUI是一个轻量级的jQuery插件,它的主要功能是在网页上创建一个可自定义的遮罩层,以此来模拟页面被锁定的状态。通过简单的API调用,开发者可以快速实现按钮点击显示遮罩层、页面刷新消失等功能,从而...

    jquery+net遮罩层登录框

    在jQuery中,我们可以利用CSS选择器选中需要添加遮罩层的元素,然后通过`.append()`方法将登录框HTML插入到页面中。接着,可以通过CSS来定义登录框的样式,包括位置、大小、背景色等。同时,为了实现遮罩层效果,...

    jQuery手机端遮罩弹出菜单代码.zip

    "jQuery手机端遮罩弹出菜单代码.zip"这个压缩包包含了一套专门为手机端设计的jQuery实现的遮罩弹出菜单。这个解决方案利用了jQuery库的灵活性和HTML5的先进特性,以创建一个高效且响应式的模态窗口弹出层。 首先,...

    jQuery图片动画遮罩层lightbox特效.zip

    "jQuery图片动画遮罩层lightbox特效"是一个非常实用的工具,它利用JavaScript库jQuery和CSS3技术为网页图片添加动态遮罩层和Lightbox效果。下面将详细阐述这个特效的工作原理、实现方法以及相关知识点。 首先,...

    Jquery BlockUI

    BlockUI 是一个流行的 jQuery 插件,它允许开发者轻松地在网页上创建页面或元素级别的遮罩效果,也就是在页面或特定元素上添加一个覆盖层,通常用于模拟页面加载状态或者阻止用户交互。这个插件在网页应用中非常实用...

Global site tag (gtag.js) - Google Analytics