CSS制做提醒框 ‘正在载入请。。。。。’

日期:2021-03-02 类型:科技新闻 

关键词:通道抠图,怎么在图片上编辑文字,创客贴作图神器,免费图片设计制作在线,背景透明图制作

 要求:

              有时载入数据信息较为慢,网页页面1直沒有反映,客户或许会不断的刷,并且客户体验也不太好

处理:

         在js中添加下列编码便可

//提醒信息内容  
function AddRunningDiv() {  
    $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");  
    $("<div class=\"datagrid-mask-msg\"></div>").html("正在解决,请细心等候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });  
}  
//撤销提醒信息内容  
function MoveRunningDiv() {  
    $("div[class='datagrid-mask']").remove();  
    $("div[class='datagrid-mask-msg']").remove();  
}  

              在必须的地区启用便可。

实际效果以下:全部网页页面不能编写

                                                                                  

总结

以上所述是网编给大伙儿详细介绍的CSS制做提醒框 ‘正在载入请。。。。。’,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!

上一篇:CSS3完成全景图图殊效示例编码 返回下一篇:没有了