BlockUI jQuery遮罩插件

JS-- jQuery遮罩插件 jquery.blockUI.js   Overview jQuery BlockUI 插件可以在不同锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会组织用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。 使用jQuery BlockUI,首先需要在jQuery后面引用 jquery.blockUI.js jquery.blockUI.js插件下... 阅读详情

BlockUI jQuery遮罩插件 是一个可以应用到一个div的遮罩插件。

官网地址:http://jquery.malsup.com/block/(墙)

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.         



根据div id进行遮罩,当然也可以对整个页面遮罩。

<div id="divid"></div>

加遮罩:

$('#divid').block({ 
		message:" 正在加载,请等待",
		css: { 
        border: 'none', 
        textAlign:'center', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        color: '#000' 
    } }); 

 


去掉遮罩:

$('#divid').unblock(); 








jquery.blockUI完整事例 处理层 按钮点击显示 页面刷新消失 这样可以防止重复提交 使用方法:引入js后 $ blockUI { message: "请稍后" } ; 立即下载

相关推荐

jquery.blockUI.js

Jquery全屏遮掩及加载条插件,使用: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery.poshytip.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery.blockUI.js"></script>

Jquery blockUI.js 使用

  对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等 首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/ 官网提供各种各样的demos 可以根据官网提供的样式和格式设计自己的提示框,官方dem...

机会靠自己争取,不要拿道德让别人施舍 934

JS遮罩插件( jquery 1.9后的版本 )

这里是一个JS遮罩插件,里面附带一个demo哦

20个优秀免费开源的WEB前端UI框架提高网站开发效率

有些大型公司的前端或者后端框架都是用自己开发的,对于大部分用户和公司来讲,我们可以用开源免费的前端框架UI,提高开发效率。Bootstrap 是Twitter推出的一个用于前端开发的,一个用于 HTML、CSS 和 JS 开发的开源工具包,是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。Vant Weapp,是有赞前端团队开发维护, 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

2301_76965813的博客 1万+

jquery loading(遮罩)插件

jQuery Loading插件用于当DOM元素加载或变化期间,对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果。整个插件只有1kb左右。效果跟extjs遮罩(锁屏)效果基本一样。

jquery遮罩层插件mloading

jquery遮罩层插件mloading,支持jquery低版本如1.4.4等,全屏遮罩(即:页面即使出现滚动条,仍能全部遮罩到)

BlockUI详细用法

jQuery BlockUI Plugin概述: jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。 使用jQuery BlockUI,首先需要添加插件js源码的引用: script type="text/javascri

校尉的博客 1万+

Jquery遮罩插件

Jquery 遮罩插件BLOCKui,非常灵活的遮罩插件。

等待刷新之利器 -- 简单使用JQuery BlockUI

$(document).ajaxStart(function(){ $.blockUI({ message: $('#loading'), css: { top: ($(window).height() - 400) /2 + 'px', left: ($(wi

fwk1010的专栏 2614

从‘静态拍照’到‘动态录像’:用Malmquist指数讲好你的效率变化故事(附Stata/R代码)

本文深入探讨了如何利用Malmquist指数构建动态效率分析框架,从静态数据到动态叙事的转变。通过分解技术效率变化(EC)和技术进步(TC),结合Stata/R代码实现四种动态可视化方法,帮助研究者更直观地展示效率变化的动态特征。文章还提供了诊断性叙事结构和比较叙事技巧,助力决策者理解效率提升的来源与趋势。

weixin_32678995的博客 603

八股已死、场景当立(Docker篇)

本文总结了Docker相关的面试八股文,重点介绍了Docker在Java开发中的应用。主要内容包括:Docker容器与虚拟机的区别及其对Java应用性能的影响;如何为Java应用构建优化镜像;Docker常用命令在Java容器管理中的使用;Docker网络模式与数据卷在Java微服务中的配置;使用Docker Compose部署Java+MySQL微服务的方法;以及为Java应用配置健康检查的重要性。文章还通过具体示例说明了Nginx容器挂载、日志收集等常见场景的实现方式,为Java开发者提供了实用的Doc

qq_55253420的博客 714

jQuery遮罩插件 jquery.blockUI.js

Overview jQuery BlockUI 插件可以在不同锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会组织用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。 使用jQuery BlockUI,首先需要在jQuery后面引用 jquery.blockUI.js jquery.blockUI.js插件下载地址

LiangWenLang的博客 673

SwissADME:一款在线预测小分子药动学性质的工具

是一个免费的在线工具,由瑞士生物信息学研究所(SIB)开发,用于预测和分析小分子的药物相似性、理化性质、药代动力学特性以及合成可行性等。它是药物设计和开发中常用的工具之一,帮助研究人员快速评估化合物的成药潜力。

药研猿的博客 5017

jQuery遮罩插件jQuery.blockUI介绍及使用

jQuery BlockUI Plugin概述: jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。 jquery block ui插件遮罩效果 #testblock { he

wang725的专栏 3791

使用DevExpress22.X(Patch)控件库在VisualStudio2022使用C#进行Winform、WPF应用的开发,看这一篇就够了!

写在开头,Dev Express是个十分强大的控件库(下文简称Dev),但碍于其高昂的使用费用,“出于学习目的”,我们一般使用的都是Patch版本(在版权意识日趋加强的当下,不要提那两个字,现在加上那些字,百度都搜不出内容)。

平凡之路 2万+

使用LabVIEW创建和分析柱状图:从基础绘制到高级数据分析的完整指南

LabVIEW,全称为Laboratory Virtual Instrument Engineering Workbench,是由美国国家仪器公司(National Instruments, NI)开发的一款图形化编程语言。自1986年首次推出以来,LabVIEW凭借其强大的数据采集、分析和控制能力,在工程、科研、教育等领域得到了广泛应用。与传统的文本编程语言不同,LabVIEW采用了图形化编程方式,用户通过连接不同的函数节点来实现复杂的逻辑和算法。

qq_38334677的博客 774

jQuery BlockUI 插件(遮罩层)

部分效果 概述 当使用AJAX时,jQuery BlockUI插件可以模拟同步行为,并且不会锁定浏览器。一旦被激活,它便会防止页面上(或页面的一部分)用户的操作,直到被停用。BlockUI给DOM带来外观和阻止用户交互行为上的变化。 用法很简单;弹出遮罩层: $.blockUI(); 带自定义信息的遮罩层: $.blockUI({ message: ' Just a

兰染 5700

OBC_开环扫频波特图拟合操作流程(结合 Simulink)

摘要: 本文详细介绍了基于Simulink的开环扫频波特图测试与拟合流程,适用于电源/控制系统(如LLC/PFC)的小信号分析。主要内容包括:1)前期准备(测试点选择、信号范围设定);2)Simulink建模方法(信号注入、数据记录);3)两种扫频方式(逐频正弦/Chirp扫频)的实现;4)MATLAB数据处理(FFT分析、传递函数拟合);5)线性分析工具使用技巧。重点强调了激励信号幅值控制、稳态数据采集及模型验证方法,并提供完整MATLAB脚本示例。该流程可有效获取系统频域特性,为控制器设计提供可靠依据。

Sumerking的博客 232

jQuery 遮罩层插件blockUI

blockUI 是一个用来提示等待信息的 jQuery 插件,当要执行某个较长操作时候(大数据量查询等),通过 blockUI 显示一个遮罩层或者图片来阻止当前用户继续操作。我也是今天才使用blockUI,说的不对的地方请多指教,先给一个具体的实例(JS部分) $('#serch_button').click(function() { $.blockUI({

1088

X书关键词协议搜索

【代码】X书关键词协议搜索。

Codeooo 博客 6377

Ollama DNS 重新绑定攻击 (CVE-2024-28224)

一旦 DNS 重新绑定攻击成功,攻击者就可以对这些 API 进行排序,以读取 Ollama 运行的进程可访问的任意文件数据,并将这些数据泄露到攻击者控制的系统中。完成对“创建模型” API 请求的调用后,Ollama 将收集组成新创建的用户模型的许多工件,包括大型语言模型数据、许可证数据等,以及我们要提取的文件,所有这些都可以通过其 SHA256 内容进行寻址。这是我们要窃取的文件,在我们的示例中,是可通过运行 Ollama 的主机上的路径名访问的现有文本文件。值得注意的是,该模型配置为通过参数中的。

技术超强的网络安全平台 1648

jQuery遮罩插件 jQuery.blockUI.js

jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。 使用jQuery BlockUI,首先需要添加插件js源码的引用: <script type="text/javascript" src="http://malsup...

weixin_33682719的博客 214

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

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

http://www.bootcdn.cn/jquery.blockUI/ 弹出: $.blockUI.defaults.message = "请稍候"; $.blockUI({ message : '&lt;span style="font-size:13px;font-weight:bolder"&gt;请稍候,正在处理中...&lt...

xinjiatao的专栏 250

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

jQuery遮罩插件 blockUI

官网:http://jquery.malsup.com/block/ 简介1:http://lazynight.me/1889.html 简介2:http://blog.chinaunix.net/uid-26866908-id-3200178.html 首先引入jQuery文件,在引入jquery.blockUI.js $(document).ready(functio

sam_jet的专栏 1064

JQuery中遮罩层blockUI插件的用法

实例访问地址: http://www.cssrain.cn/demo/blockUI-V2/jQuery/blockUI/jQueryBlockUI.html 这个插件的用法很简单。阻止用户与页面交互: $.blockUI(); 自定义提示信息: $.blockUI(

半瓶玫瑰醋--ing 715
上一篇: 【graceup系列】--“社团+商家系统”,集合Struct2,Spring,hibernate,luncene
下一篇: js控制自适应内容布局
graceup
博客等级 码龄12年 19粉丝 57原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值