全局 modal 加载页面
来源:互联网 发布:淘宝店铺名字在哪里 编辑:程序博客网 时间:2024/06/11 00:33
<style>
.coverInitBody {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #FEFEFE;
z-index: 1002; left: 0px; display:none;
opacity:0.5; -moz-opacity:0.5;
}
</style>
<div id='coverInitBody' class='coverInitBody'> <div id="coverInitBody222" > </div> </div>
<script>
function showMask(){
$('body').css("overflow","hidden")
$("#coverInitBody").show();
}
$(document).ready(function(){
var tempHeight = (($(document).height())/2)-100 ;
var tempWidth = ((window.screen.availWidth)/2)-100 ;
$("#coverInitBody222").attr("style","background: url( '/resources/images/loading_.gif' );width:250px;height:200px;background-
position:center;position:fixed;left:"+tempWidth+";top:"+tempHeight+";");
showMask();
setTimeout(function(){
PageUtil.loadModule(${m.id},'${base}/pump/homepage/index!getHomepageMain.action',{},null,null);
$('body').css("overflow-x","hidden").css("overflow-y","auto");
$("#coverInitBody222").remove();
$("#coverInitBody").remove();
},3000);
});
</script>
.coverInitBody {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #FEFEFE;
z-index: 1002; left: 0px; display:none;
opacity:0.5; -moz-opacity:0.5;
}
</style>
<div id='coverInitBody' class='coverInitBody'> <div id="coverInitBody222" > </div> </div>
<script>
function showMask(){
$('body').css("overflow","hidden")
$("#coverInitBody").show();
}
$(document).ready(function(){
var tempHeight = (($(document).height())/2)-100 ;
var tempWidth = ((window.screen.availWidth)/2)-100 ;
$("#coverInitBody222").attr("style","background: url( '/resources/images/loading_.gif' );width:250px;height:200px;background-
position:center;position:fixed;left:"+tempWidth+";top:"+tempHeight+";");
showMask();
setTimeout(function(){
PageUtil.loadModule(${m.id},'${base}/pump/homepage/index!getHomepageMain.action',{},null,null);
$('body').css("overflow-x","hidden").css("overflow-y","auto");
$("#coverInitBody222").remove();
$("#coverInitBody").remove();
},3000);
});
</script>
0 0
- 全局 modal 加载页面
- bootstrap3 modal加载远程页面缓存问题
- Angularjs全局Modal
- bootstrap modal 弹出其他页面
- modal--3.增加(本页面)
- 为Bootstrap Modal(模态框)全局添加拖拽操作
- Modal
- Modal
- modal
- modal
- modal
- iOS开发Modal页面跳转动画效果
- PHP + bootstrap modal + jQuery实现页面刷新
- modal--1.查看(子页面)
- modal--5.修改(子页面)
- Win32 加载全局 注册表
- 加载全局钩子
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- mysql常见问题
- 金融新闻
- Codeforces Round #346 (Div. 2)Round House
- leetcode 1 Two Sum(在无序数组中找两个数之和与目标值相等,两种方法)
- HDU5686 Problem B
- 全局 modal 加载页面
- 用纯虚函数求面积
- Android 异步通道 -- AsyncChannel
- B. Pyramid of Glasses
- Android软键盘弹出引起的各种不适终极解决方案
- Android五大组件
- 爱尔兰拥抱数字货币和互联网金融解决方案
- mongodb: 关于Mongoose的geoNear方法的使用
- PHP error_reporting() 错误控制函数功能详解