`
smildlzj
  • 浏览: 8000 次
  • 来自: ...
文章分类
社区版块
存档分类
最新评论

基于jquery的loading mask遮罩控件

阅读更多

ol.loading是基于jquery的loading mask遮罩控件,轻量,且功能强大。

支持主流浏览器:ie6+,firefox等。

基于MIT和GPL协议下开源。

使用方法:

 

<script type="text/javascript" src="loading-min.js" charset="UTF-8"></script>
<script type="text/javascript" src="jquery.bgiframe.min.js" charset="UTF-8"></script>
<link href="loading.css" type="text/css" rel="stylesheet">

调用:  

var loading=new ol.loading({id:"table1"});//初始化对象 
loading.show();//显示遮罩 
loading.hide();//隐藏遮罩

 支持属性:

new ol.loading({ 
 id:"table1",//需显示遮罩对象的id 
 loadingClass:null,//外加样式 
 zIndex:800//z-index 
});

主页:http://www.open-lib.com/Forum/Read_42_1.action

 

演示地址:http://open-lib.googlecode.com/svn/trunk/ol.loading_0.1/demo.html

 

分享到:
评论

相关推荐

    jquery loading(遮罩)插件

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

    jquery loading遮罩层插件

    **jQuery Loading遮罩层插件——busy-load** 在网页开发中,当用户触发需要等待的操作时,如数据加载或页面跳转,为了提供良好的用户体验,通常会使用loading动画来提示用户系统正在处理请求。"busy-load"就是这样...

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

    本教程重点讲解如何利用jQuery来实现一个图片遮罩动画过渡提示特效,这在用户交互和界面反馈方面具有很高的实用价值。 首先,我们需要理解“图片遮罩”(Image Masking)的概念。遮罩是覆盖在图片上的一种半透明或...

    基于Jquery的iframe遮罩层插件,可以遮挡flash。此插件在“爱乐网址收藏夹”中使用

    标题中的“基于Jquery的iframe遮罩层插件”指的是一个使用jQuery库开发的JavaScript插件,它的主要功能是在网页中创建一个iframe遮罩层。这个遮罩层能够覆盖整个页面,包括页面上的Flash元素,从而达到特定的交互...

    jQuery Loading遮罩加载特效

    jQuery Loading遮罩加载特效是一种广泛应用于网页开发中的交互设计元素,它在页面内容正在加载时显示一个半透明的遮罩层,通常配以动画效果,以提示用户等待过程正在进行。这种特效可以提升用户体验,因为它给予用户...

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

    本文将深入探讨“jQuery鼠标悬停遮罩图文切换效果”的实现原理及其实现步骤,帮助你理解这一常见且实用的前端技术。 首先,让我们了解“鼠标悬停”事件。在网页上,当用户的鼠标指针移动到某个元素上方时,就会触发...

    Jquery遮罩ShowLoading组件

    在开发中有时请求AJAX请求,加载服务器返回来的数据,此时不想页面被用户乱点击,导致逻辑错乱,就需要进行遮罩,加载完数据,在消除遮罩

    jquery+net遮罩层登录框

    遮罩层(Mask)或弹出框(Modal)是网页设计中的一种交互元素,它通常用来显示重要的信息或进行用户交互,如登录框。在网页上实现一个带有遮罩层效果的登录框,可以提升用户体验,使用户无需离开当前页面就能完成...

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

    遮罩层(mask)是弹出菜单中的关键元素,它是一个全屏半透明的背景,用于突出显示弹出菜单并阻止用户与页面其他部分的互动。通过CSS,我们可以设置遮罩层的颜色、透明度以及位置,使其与页面完美融合。同时,...

    jQuery鼠标经过遮罩

    "jQuery鼠标经过遮罩"是一种常见的效果,它允许用户在鼠标悬停在某个元素上时,显示出一个遮罩层,通常用于显示额外信息、加载动画或提示。这个效果能够吸引用户的注意力,并提供一种优雅的方式来传递信息。 首先,...

    基于jquery的BlockUI做的遮罩层

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

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

    "jQuery手机端遮罩弹出菜单代码"是专为优化移动端用户体验而设计的一种解决方案。 遮罩层在移动应用和网站中扮演着重要角色,它可以在用户需要关注特定内容或进行操作时,覆盖整个屏幕,提供一种沉浸式的体验。通过...

    jquery hover图片遮罩层滑动.zip

    "jquery hover图片遮罩层滑动"是利用jQuery实现的一个功能,通常用于增强用户体验,特别是当用户将鼠标悬停在图片上时,会显示一个遮罩层并伴随滑动效果。这个功能在电商网站、产品展示页面等场合非常常见,能够吸引...

    JS 写的Loading Mask

    【标题】"JS 写的Loading Mask" 是一篇关于使用JavaScript实现加载遮罩层的博客文章,它主要探讨了如何在网页中创建一个显示“加载中”状态的动态效果,以提升用户体验。Loading Mask通常在数据请求或者页面更新时...

    jQuery遮罩Loading加载特效

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

    全屏loading图有遮罩效果 当显示全屏loading图时无法操作页面上的按钮

    当加载过程中出现全屏loading图带有遮罩效果时,它不仅指示着用户等待的状态,而且更重要的是,防止用户误操作页面上的元素,确保加载过程不受干扰。这种功能通常被称为全屏遮罩提示。 全屏遮罩是一种半透明的覆盖...

    jQuery点击按钮遮罩弹出在线QQ客服代码

    【jQuery点击按钮遮罩弹出在线QQ客服代码】是一个典型的前端交互实现,主要涉及了jQuery库的使用以及页面遮罩层的创建。在网页中,为了提供更好的用户体验,经常需要在用户点击特定按钮时,弹出一个对话框或窗口来...

    moviepy音视频剪辑:使用mask遮罩实现视频叠加透明效果.rar

    在Python的世界里,moviepy是一个强大的库,它允许开发者进行复杂的音视频编辑任务,包括添加遮罩(mask)来实现这种效果。本篇文章将深入探讨如何使用moviepy来创建和应用mask,实现视频的透明叠加。 首先,了解...

    jquery-Hover遮罩层

    本文将深入探讨“jquery-Hover遮罩层”这一主题,它涉及到jQuery中的悬停事件处理(hover)以及如何实现动态的遮罩层效果。 首先,让我们了解jQuery的`hover`函数。`hover`是一个组合方法,它可以同时处理元素的`...

    jquery实现遮罩效果.rar

    在本教程中,我们将探讨如何利用 jQuery 实现全屏或局部遮罩效果,并让遮罩在设定的时间后自动关闭。这个功能在很多场景下都非常实用,比如加载提示、弹窗确认或页面过渡时,可以提供良好的用户体验。 首先,我们...

Global site tag (gtag.js) - Google Analytics