首页 > web前端 > js教程 > 基于jquery的loading 加载提示效果实现代码_jquery

基于jquery的loading 加载提示效果实现代码_jquery

WBOY
发布: 2016-05-16 18:02:43
原创
1380 人浏览过

loading加载提示······透明遮罩居中

loading 加载提示······   progressBar_m

复制代码代码如下:

正文{
边距:0;
字体大小:12px;
行高:100%;
字体系列:Arial、sans-serif;
}
.background {
显示:块;
宽度:100%;
高度:100%;
不透明度:0.4;
过滤器:alpha(不透明度=40);
背景:同时;
位置:绝对;
顶部:0;
左:0;
z 索引:2000;
}
.progressBar {
边框:实心 2px #86A5AD;
背景:白色 url(progressBar_m.gif) 无重复 10px 10px;
}
.progressBar {
显示:块;
宽度:148px;
高度:28px;
位置:固定;
顶部:50%;
左:50%;
左边距:-74px;
顶部边距:-14px;
内边距:10px 10px 10px 50px;
文本对齐:左;
行高:27px;
字体粗细:粗体;
位置:绝对;
z 索引:2001;
}

;
var ajaxbg = $("#background,#progressBar");
ajaxbg.hide();
$(document).ajaxStart(function () {
ajaxbg.show();
}).ajaxStop(function () {
ajaxbg.hide();
});

作者:曾祥展
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板