首页 > 代码库 > loading等待效果

loading等待效果

效果预览:这两个球一直在转,不能进行其他操作

 

技术分享

div

<div id="loadingImg" style="height: 100%;width: 100%;background-image: url(‘img/uploading.gif‘);background-position: center; position: fixed;top: 80px;background-repeat: no-repeat;filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;display: none;z-index: 9999 "></div>

 

easyui操作

$.messager.confirm("提示","你确定要删除吗?", function (r) {         if (r) {             parent.window.$("#loadingImg").css("display","");//显示上边的div效果             $.ajax({                 url : ‘/xxxx/sg/delSpecialguardInfo‘,                 data : {‘ids‘:id},                 type : ‘POST‘,                 dataType : ‘json‘,                 success : function() {                     parent.window.$("#loadingImg").css("display","none");//成功后隐藏                     $(‘#tt‘).datagrid(‘reload‘);                     clearSelections();                     $.messager.alert("提示", "操作成功", "success");                 }             });         }     });

 

loading等待效果