1、加载的loading.css
@charset "UTF-8"; /* LOGIN CSS */ .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:#f1f1f1; position: fixed; top: 0; left: 0; z-index: 10000; } .progressBar { background: white url(../img/loading.gif) no-repeat 10px 10px; } .progressBar { display: block; width: 148px; height: 28px; position: fixed; top: 50%; left: 50%; margin-left: -74px; margin-top: -14px; padding: 10px 10px 10px 50px; text-align: left; line-height: 27px; font-weight: bold; position: absolute; z-index: 10001; }
注意:background部分的position: fixed;否则,只能在当前区域内遮盖
2、页面引用
<!-- shade div start --> <div id="background" class="background" style="display: none; "></div> <div id="progressBar" class="progressBar" style="display: none; ">Loading...</div> <!-- shade div end -->
3、遮罩的显示与隐藏
//遮罩效果显示 $("#background,#progressBar").show(); //遮罩效果隐藏 $("#background,#progressBar").hide();
相关推荐
1.html5页面加载效果 2.类似安卓toast提示效果 3.IOS7.0 删除确认提示 上面有源代码,部分注释,下载后可以根据项目的需求更改里面的代码
任何jsp页面只要使用包含附件中的loading.jsp将自动拥有“页面正在加载的。。”提示信息,在页面加载完后将自动隐藏。 我为什么使用这个组件? 1。交互性。 客户清楚知道,你的页面是在加载,需要等待,而不用...
一个适合做页面 “加载中” 效果的插件 jquery-loading 非常简单实用!!
js实现页面加载完毕之前loading提示效果:在页面上所有的DOM没有加载完毕之前,我们想让页面正中间显示一个“页面加载中,请稍后...”的字样,此效果正是,样式可以根据自己的需求改动!!!
css3个性页面加载动画效果,5种样式,简洁的彩色,还是很漂亮的
但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果。 HTML 首先我们要知道的是,目前没有任何浏览器可以直接获取...
angularJS的页面加载切换效果。实现各路由页面加载的时候出现动画。
winform loading加载框效果,有渐变层,方便实用,亲测可用使用
CSS3 引入jquery实现页面加载的LOADING效果,就是一个载入动画,一个加载的进度条效果,圆形小圆点在不断的旋转,当加载完毕后,自动消失,本页面由HTML5技术和jquery共同实现,LOADING和页面显示两者之间同样也加入...
在html为加载完成时,可以用此方法实现一个动态加载的效果,增强用户体验
jquery实现的等待加载页面 即实现更好的用户交互效果
ASP.NET实现网页预加载效果,代码简洁
CSS3实现的页面加载中动画过度特效是一款实现了点击加载页面后出现动画过度效果的代码,本段代码适应于所有网页使用,有需要的朋友们可以前来下载使用,本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效...
JQuery实现页面图片懒加载效果,两个文件放进去,只需加入两行代码即可实现。
通过js和css3实现多种load...动画加载效果。
主要为大家详细介绍了vue实现页面加载动画效果,vue页面出现正在加载的初始页面与实现动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果 wpf 简单的实现页面动画加载效果
本文实例为大家分享了JS实现网页加载中效果的具体代码,供大家参考,具体内容如下 需要材料: 一张loading动画的gif图片 基本逻辑: 模态框遮罩 + loading.gif动图, 默认隐藏模态框 页面开始发送Ajax请求数据时,...
本APK,加载了我们内部的服务器,我做的事情是实现一个APK!实现效果如下: ...2 加载过程中实现一个动画效果直至加载结束 3 数字动态的显示加载进度 4 可以加载本地图片 5 可以判断网络连接 6 显示一些提示信息
纯CSS3实现网页数据动态加载中带进度条特效代码下载。