最近在项目中使用了jQuery的BlockUI觉得还不错哦,推荐给广大奋斗在第一线的兄弟们:
如果在项目中你想要点击一个按钮使得页面背景变色然后你事先写好的div什么的显示就可以用以下语句
function showCategoryForm(){
$.blockUI({message:$('#whyForm')});(whyForm是div的id)
$('.blockOverlay').click($.unblockUI);
}
下面的语句是页面恢复:
function unblock(){
$.unblockUI();
}
记得在使用这个插件的时候注意要引入两个js文件
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.blockUI.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.3.2.min.js"></script>
如果你想获得更多的关于BlockUI的知识就去他的官方看一下吧,里面有好多例子大家可以照猫画虎。
http://www.malsup.com/jquery/block
分享到:
相关推荐
jQuery blockUI plugin Version 2.39 (23-MAY-2011) Demos: $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); ...
jQuery blockUI plugin * Version 2.08 (06/11/2008) * @requires jQuery v1.2.3 or later
jQuery Media Plugin是一款专门为jQuery设计的多媒体插件,用于在网页中轻松集成音频、视频和图像等多媒体元素。这款插件的出现,极大地简化了开发者在HTML5时代处理多媒体内容的复杂性,使得开发者无需深入了解...
struts2-jquery-plugin-3.1.0.jar
"iconDock 0_8b Example_files"和"jQuery BlockUI Plugin (v2)_files"可能是这两个插件示例所需的额外资源,比如CSS样式文件、图像或者其他支持文件。这些文件对于插件的正确展示和运行至关重要,因为它们定义了插件...
vue 2的BlockUI类似于jquery blockUI,可用于加载屏幕。 目录 安装 npm install --save vue-blockui 使用组件 安装所有组件: import Vue from 'vue' import BlockUI from 'vue-blockui' Vue . use ( ...
struts2-jquery-plugin-2.0.0 struts2-jquery-plugin-2.0.0 struts2-jquery-plugin-2.0.0
**jQuery Validation Plugin 知识详解** jQuery Validation Plugin 是一个用于前端表单验证的强大工具,它为jQuery用户提供了方便快捷的方法来验证用户输入的数据,确保数据的准确性和完整性。这个插件能够帮助...
jQuery Mask Plugin是一款强大的JavaScript库,专门用于输入框内容格式化。这个插件使得开发者能够轻松地为HTML表单中的输入字段添加格式约束,比如电话号码、日期、货币等,从而提高用户界面的交互性和用户体验。它...
总的来说,"tableExport.jquery.plugin-1.10.22.zip"是前端开发中一个便捷的工具,它通过jQuery实现了表格数据的快速导出,提升了用户体验,简化了开发者的工作。无论是在企业级应用还是个人项目中,都能看到其广泛...
Struts2-jQuery-Plugin是基于Struts2框架的一个扩展插件,它为开发者提供了丰富的jQuery UI组件,使得在Struts2应用中实现交互式的用户界面变得更加便捷。这个使用手册将详细阐述如何集成并利用该插件提升Web应用的...
**jQuery Cycle Plugin** 是一个广泛使用的JavaScript库,专门用于创建动态和交互式的图像滑块、轮播和幻灯片效果。这个插件充分利用了jQuery的简洁API和强大的DOM操作功能,使得开发者能够轻松地在网站上实现各种...
jQuery Orbit Plugin 1.2.3 是一个专为网页设计者和开发者打造的高效、灵活的轮播插件。这个版本的Orbit Plugin是jQuery库的一个扩展,它提供了丰富的功能和自定义选项,使得创建吸引人的图片轮播、内容滑动效果变得...
"tableExport.jquery.plugin-master" 是一个基于jQuery的插件,主要功能是实现HTML5页面中的表格数据导出。这个插件对于需要从网页上获取表格数据并进行存储或分析的用户来说非常有用。HTML5提供了许多新的功能和API...
jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...
【jQuery Media Plugin扩展详解】 jQuery Media Plugin是一款专为jQuery设计的多媒体播放器插件,它极大地增强了网页中音频和视频的交互性与控制能力。在Web开发中,媒体元素的控制功能是不可或缺的,比如播放、...
**jQuery Ellipsis 插件详解** 在Web开发中,我们经常遇到一个问题:如何优雅地处理过长的文字内容,尤其是在有限的显示空间内。这正是jQuery Ellipsis插件所解决的问题。该插件提供了一个简洁而实用的方法,可以...
最新的struts2-jquery-plugin插件3.3.3,包括jquery-ui和grid,使用标签实现。
1. **jQuery BlockUI Plugin (v2).htm** - 这是一个jQuery插件,BlockUI用于阻止用户与页面的其余部分交互,通常在进行加载或更新操作时使用。它会显示一个可定制的遮罩层,提高用户体验。用户可以学习如何使用...