给页面添加遮罩和loading图标
来源:互联网 发布:gta5小丑女捏脸数据 编辑:程序博客网 时间:2024/05/08 13:40
这里有两个层,一个loading层,一个overlay遮罩层。 然后需要用css来调整样式。
js代码:
function form_submit_overlay_loading(){ var loading = '<div id="form-submit-loading">'; loading += '<img src="图片路径" />'; loading += '</div>'; return loading;} var loading = form_submit_overlay_loading();$('body').append(loading); $('body').append('<div id="form-submit-overlay" style="width: ' + $(document).width() + 'px; height: ' + $(document).height() + 'px;"></div>');var width = 100;var height = 100;var left = ($(window).width() / 2) - (width / 2) + $(document).scrollLeft();var top = ($(window).height() / 2) - (height / 2) + $(document).scrollTop();$("#form-submit-loading").css("top", top+"px").css("left",left+"px").css("display",'block');
css代码:
#form-submit-overlay{ position: absolute; z-index: 8; background: #fff; top: 0; opacity: 0.6; }#form-submit-loading{ text-align: left; position: absolute;}
- 给页面添加遮罩和loading图标
- 给工具栏按钮添加图标和文字
- jq给页面添加覆盖层遮罩
- 给 TComboBox 添加图标
- 给TComboBox添加图标
- 给ctreectrl添加图标
- 给ctreectrl添加图标
- 给网页添加图标
- Java给图片添加水印(图标和文字)
- 给IOS项目添加图标和启动页
- 给ctreectrl添加图标 转
- 给Qt程序添加图标
- 给Qt窗体添加图标
- 给网站添加ico图标
- 给Android按钮添加图标
- 给控件添加小图标
- 给activity标题栏添加图标
- HTML5 给网站添加图标
- jquery图片自动切换
- 最近开发一个项目使用了Nhibernate出现了如下问题deleted object would be re-saved by cascade (remove deleted object from
- 书写是为了更好的思考
- C#网络编程系列五:TCP编程
- 天才是训练出来的
- 给页面添加遮罩和loading图标
- 警告: No configuration found for the specified action: 'checkLogin' in namespace: ''.的解决办法
- 软件包介绍
- solr自带智能拼音收藏
- JavaScript 五子棋(1)
- FileSystemWatcher触发多次Change事件的解决办法
- FrameSet, Frame, IFrame, MasterPage的区别
- 微软的面试题答案-超变态但是很经典
- 图像处理基础知识