JS遮罩插件 -- JqLoad

最新推荐文章于 2019-02-18 22:53:00 发布
原创 最新推荐文章于 2019-02-18 22:53:00 发布 · 983 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用jQuery实现页面加载时的遮罩效果，包括加载遮罩的显示与关闭方法，并提供了具体代码实例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1 下载地址 : 

jquery 1.9版本之前的链接  点击打开链接

jquery 1.9版本之后的链接 点击打开连接

下载解压后包含了demo源码和js文件



2 打开遮罩

$.fn.jqLoading({ height: 100, width: 240, text: "正在加载中，请耐心等待...." });


3 关闭遮罩

$.fn.jqLoading("destroy");


4 效果图



JS遮罩插件( jquery 1.9后的版本 )
12-12
这里是一个JS遮罩插件,里面附带一个demo哦
jquery loading（遮罩）插件
07-20
jQuery Loading插件用于当DOM元素加载或变化期间，对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果。整个插件只有1kb左右。效果跟extjs遮罩（锁屏）效果基本一样。
js遮罩层插件
luwenbangisme的博客
05-15 225
var theMask; theMask = new $.util.LoadMask(".comment", "加载中..."); //.comment为需要遮罩的div beforeSend:function(){ theMask.show(); }, complete:function(){ theMask.hide(); }...
JS遮罩插件
05-26
这里是一个JS遮罩插件,里面附带一个demo哦
JS遮罩插件jqLoad：示例演示与应用
根据给出的文件信息，该插件的文件名可能是`jqLoad.js`。 2. **添加遮罩层HTML代码**：在HTML文件中，需要有一个用于显示遮罩层的`div`元素。此`div`元素可能会包含加载指示器的图标或文本。 3. **编写JavaScript...
jquery loading遮罩层插件
12-10
**jQuery Loading遮罩层插件——busy-load** 在网页开发中，当用户触发需要等待的操作时，如数据加载或页面跳转，为了提供良好的用户体验，通常会使用loading动画来提示用户系统正在处理请求。"busy-load"就是这样...
JavaScript遮罩插件示例：适用于jQuery 1.9及以上版本
2. **引入JS遮罩插件文件**：将压缩包子文件“jqLoad”解压后，应获取到JS遮罩插件的文件，并引入到项目中。 3. **初始化遮罩插件**：通过JQuery选择器找到需要添加遮罩效果的DOM元素，并执行插件提供的初始化函数...
Jquery遮罩插件，想罩哪就罩哪！
子弹头zdt的专栏
10-29 611
一  前言     在项目开发时发现没有一个用起来 爽一点的遮罩插件，看起来觉得不难 好吧那就利用空闲时间，自己折腾一个吧，也好把jquery再温习一下， 需要的功能如下 　　1 可以全屏遮 用于提交数据时 　　2  局部遮，用于重复提交，只遮提交按钮，此功能当时在优快云的登录中看到过，当时觉得还不错       3  遮罩上的提示文字可自己配置，因为操作的业务场景不一样，提示的信息肯
JQuery中$.load()方法的用法和分析【转】
一直加班的程序猿
09-29 9518
本文是介绍jquery中ajax封装的load方法。
Jquery遮罩ShowLoading组件
07-18
在开发中有时请求AJAX请求，加载服务器返回来的数据，此时不想页面被用户乱点击，导致逻辑错乱，就需要进行遮罩，加载完数据，在消除遮罩
jquery.loadmask.js
03-08
jquery.loadmask.js
jquery 遮罩层 插件
05-17
非常好用的一款jquery遮罩层插件，网页制作必备。
js实现遮罩加载效果
03-21
自己写的纯js和css动态实现遮罩层加载效果，挺好用的，IE8、FF、Chrome都测试过，还行。大家下载了，可以通过改CSS改变样式。喜欢和大家分享学习中的点点滴滴。
jQuery遮罩层插件
weixin_33725270的博客
06-05 138
在网页上常常遇到须要等待非常久的操作，比方导出报表等。为了预防用户点击其它操作或者多次点击同个功能，须要用遮罩层把页面或者操作区盖住。防止用户进行下一步操作。同一时候能够提高界面友好度，让用户知道操作正在运行。 $.fn.extend({ /** * 给元素加入遮罩层 * @param message {String} [可选]遮罩层显示内容 */ mask: fu...
jQuery遮罩插件 jquery.blockUI.js
LiangWenLang的博客
04-26 622
Overview jQuery BlockUI 插件可以在不同锁定浏览器的同时，模拟同步模式下发起Ajax请求的行为。该插件激活时，会组织用户在页面进行的操作，直到插件被关闭。BlockUI通过向DOM中添加元素实现其外观和组织用户交互的行为。 使用jQuery BlockUI，首先需要在jQuery后面引用 jquery.blockUI.js jquery.blockUI.js插件下载地址
jQuery遮罩插件
fkeai的专栏
12-25 1095
mask.js //遮罩 ;(function($){ $.fn.mask = function(label, delay, loading, bgcolor){ $(this).each(function() { if(loading==null){ loading=true; }
Jquery 遮罩层插件
weixin_33845881的博客
11-05 135
(function ($) { $.fn.ShowMask = function (options) { var defaults = { top: 150, left: 200 } var options = $.extend(defaults, options); ...
jq的load
weixin_30664539的博客
02-18 235
1、用于监听加载是否完成 当指定的元素（及子元素）已加载时，会发生 load() 事件。 该事件适用于任何带有 URL 的元素（比如图像、脚本、框架、内联框架）。 根据不同的浏览器（Firefox 和 IE），如果图像已被缓存，则也许不会触发 load 事件。 $("img").load(function(){ $("div").text("Image loaded"); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值