简单的loading加载

作者: Superbsco | 来源:发表于2017-07-20 11:49 被阅读75次

<!-- 在body下写 -->

<div  id="loading" style="position: absolute;width: 100%;height: 100%;z-index:888;display:none;">

<img src="imgage/loading.gif"  style="position: relative;left: 50%;top: 48%;">

<br />

<span style="position: relative;left: 48%;top: 49%;">数据正在加载中...</span>

</div>

$.ajax({

url:"ajax_Video",

dataType:"json",

beforeSend:function () {

$("#loading").css("display","block");

},

complete:function(){

$("#loading").css("display","none");

},

success:function (data) {

}

送上loading.gif(右键保存即可):

右键保存

效果图:

相关文章

网友评论

    本文标题:简单的loading加载

    本文链接:https://www.haomeiwen.com/subject/ziudkxtx.html