自定义JS加载等待动画loading

     闲话少说，上代码：如下为加载数据时的等待css动画，效果如图：![这里写图片描述](https://img-blog.csdn.net/20180816112802275?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzMzODc1MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)```
//采用jquery easyui loading css效果function ajaxLoading() {$("<div class=\"datagrid-mask\"></div>").css({display: "block",width: "100%",height: $(window).height()}).appendTo("body");$("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请稍候。。。").appendTo("body").css({display: "block",left: ($(document.body).outerWidth(true) - 190) / 2,top: ($(window).height() - 45) / 2});}function ajaxLoadEnd() {$(".datagrid-mask").remove();$(".datagrid-mask-msg").remove();}
```接着在需要的地方，如ajax的js代码中加上相关function，如下：```
$.ajax({url: $url,type: 'POST',dataType: 'json',beforeSend:function () {***ajaxLoading()***;},success: function (data) {$widget.datagrid('loadData', data);***ajaxLoadEnd()***;$.slideMsg($.I18N('查询成功'));},error:function (xhr,status) {ajaxLoadEnd();$.alert($,xhr.msg);}})
```

自定义JS加载等待动画loading相关推荐

c3等待加载样式 vue_Vue.js__简易加载等待动画
Vue.js__简易加载等待动画Vue实现为览或讲琐了过自系一读页围这就多网解元当维自加,加载动画的样式取自其他出处,侵直分调浏器代,刚求的一学础过功互有解小久宗点差维含数删. 将Vue属性览或讲琐了 ...
Vue首屏加载等待动画
vue实现首屏加载等待动画避免首次加载白屏尴尬的俩种实现方式 1.第一种效果代码 index.html中添加以下代码 <style type="text/css">. ...
WPF 加载等待动画
WPF 加载等待动画原文:WPF 加载等待动画版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/qq_29844879/article/detail ...
WBLoadingIndicatorView（加载等待动画)
中文说明基于CALayer封装加载等待动画,目前支持6种类型动画: typedef NS_ENUM(NSInteger, WBLoadingAnimationType) { WBLoadingAni ...
android实现加载等待动画,【Android 基础】Progressbar 实现Loading动画
image.png Progressbar 实现Loading动画网络加载,播放视频 loading 时候界面会显示转圈等待提示动画,使用Android 自带的Progressbar 即可实现, ...
Vue - 网站首屏加载等待动画（极简解决方案）
效果图前言解决白屏等待方案非常多,个人而言评判好坏的标准即用最少最简单的代码实现相同的功能. 在 Vue 项目中,网站加载时会显示自定义动画(CSS),当文件加载完毕且页面显示时自动移除动画. ...
js在html之前加载,js加载前显示loading（页面加载前）
工作中遇到,需要加loading.1.用jquery的load方法读取页面,页面读取完成前显示loading.2.首页js等加载过慢,页面加载完成前显示loading. (1).jquery .loa ...
前端加载动画/加载等待动画
在加载前端的数据的时候,很多时候不能用进度条来衡量不定数据量.此时加载动画就有用武之地了.可以在数据请求时显示加载动画,等动画加载完成再隐藏加载动画,让前端更具交互友好性. 网上百度了很多关于这方面的 ...
vue实现首屏加载等待动画避免首次加载白屏尴尬
为什么80%的码农都做不了架构师?>>> 0 直接上效果图 1背景,用户体验良好一直是个重要的问题. 2怎么加到自己项目里面? 复制css html代码到自己的index.ht ...

自定义JS加载等待动画loading

自定义JS加载等待动画loading相关推荐

最新文章

热门文章