基于jquery的loading 加载提示效果实现代码
2011-09-01 00:00
1046 查看
loading 加载提示 ・・・・・・ 透明遮罩 居中
作者:曾祥展
body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:while; position: absolute; top: 0; left: 0; z-index: 2000; } .progressBar { border: solid 2px #86A5AD; background: white url(progressBar_m.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: 2001; } <div id="background" class="background" style="display: none; "></div> <div id="progressBar" class="progressBar" style="display: none; ">数据加载中,请稍等...</div> var ajaxbg = $("#background,#progressBar"); ajaxbg.hide(); $(document).ajaxStart(function () { ajaxbg.show(); }).ajaxStop(function () { ajaxbg.hide(); });
作者:曾祥展
相关文章推荐
- 基于jquery的loading 加载提示效果实现代码
- 基于jquery的loading效果实现代码
- C# 运用Jquery和Div实现Loading加载提示效果
- C# 运用Jquery和Div实现Loading加载提示效果
- 基于jquery的loading效果实现代码
- js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
- jquery实现加载进度条提示效果
- 基于jquery的选择标签至文本域效果,可多选/可过滤重复/可限制个数的实现代码
- 基于jQuery实现的仿百度首页滑动选项卡效果代码
- 基于jquery实现图片广告轮换效果代码
- 基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
- jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
- 基于jquery实现的上传图片及图片预览效果代码
- 基于jquery的选择标签至文本域效果,可多选/可过滤重复/可限制个数的实现代码
- jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
- js loading加载效果实现代码
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- 基于jquery实现漂亮的动态信息提示效果