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");
                 }
             });
         }
     });
时间: 2024-10-09 01:26:14

loading等待效果的相关文章

纯js+css实现loading等待效果

此插件是基于jqueryUI的widget,下面是具体实现代码 第一部分css: /***loading***/ .loading-box{ position:absolute; text-align:center;} .loading-box .loading-message{ height:30px; line-height:30px; color:#999999;} .sideslip{background-color:#f9f9f9; font-size:12px; color:#666

10款有趣创意的LOADING等待体验动画作品

相信很多UI设计师都了解到LOADING的等待体现的好处,下面是收集了一些很有趣的,有创意的等待艺术作品噢! 大家有时间也可以临摹一下喔,对大家的交互设计在细节上的处理可能会有很大的帮哦.... 1.太空穿梭. 这个加载等待效果让我想起一个游戏--涂鸦,以卡通的形式形容了太空间的穿梭,不仅可爱,确实也有点会让人产生小小的幻想, 让等待成为一个太空旅游的感觉. 第2.水泡融合分离. 这是一个非常有趣的动画,很吸引眼球,记得小时候玩水泡的时候,都特别注意那一个个水泡到底是怎样融合的, 给人一种思考,

小tip: 使用SVG寥寥数行实现圆环loading进度效果

二.正文 设计师设计了一个图片上传圆环loading进度效果.如下截图: 首先,CSS3是可以实现的,以前写过一篇转大饼的文章:"CSS3实现鸡蛋饼饼状图loading等待转转转".原理跟这个一模一样,两个半区的矩形,然后不同时机巧妙显隐实现. 但是呢,CSS3实现不太好理解,进度控制也不容易,最好直接数值变一变,进度效果就出来. 有没有其他方法呢? 哈,当然有,可以使用同样IE9+支持的SVG. 我们只需要一个实线背景圆,一个虚线变化圆两个圆就可以了. 百闻不如一见,您可以狠狠地点击

jquery Mobile点击显示加载等待效果

点击某个按钮或链接时,触发等待加载效果: Xml代码   <script> <!-- $(document).bind("mobileinit", function(){ }); $( function() { //默认设置,一个小圈圈在转 $('#default').live( 'tap', function() { $.mobile.loadingMessageTextVisible = false; $.mobile.showPageLoadingMsg();

手机站全局的html+css加载等待效果

本文只提供思路,CSS神马的自己定制吧,JS是可以优化的,比如,输出图片的JS也可以放到showdiv()里面,我没有做优化,只是实现,别笑话我,我比较懒... 基本思路:由于Html的解析是从上到下的,所以,可以在母版页(MVC中的LayOut)页面最上面输出一个遮罩层和一张等待效果的图片,这样子,页面打开的时候,就会有一个等待效果了.代码如下: 注意:下面这些代码一定是放到页面的最前面的,放到后面可能就不太好了. 1 <head> 3 <style type="text/c

两种页面加载等待效果的实现

第一种,当打开一个新的页面时,这个页面的加载时间可能会比较长,可以用以下js实现页面等待效果,将该js导入加载的页面即可使用 //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, _PageWidth = document.documentElement.clientWidth; //计算loading框距离顶部和左部的距离(loading框的宽度为215px,高度为61px) var _Loading

JS-easyui 扩展easyui.datagrid,添加数据loading遮罩效果代码

(function (){ $.extend($.fn.datagrid.methods, { //显示遮罩 loading: function(jq){ return jq.each(function(){ $(this).datagrid("getPager").pagination("loading"); var opts = $(this).datagrid("options"); var wrap = $.data(this,"

ios开发之简单实现loading动画效果

最近有朋友问我类似微信语音播放的喇叭动画和界面图片加载loading界面是怎样实现的,是不是就是一个gif图片呢!我的回答当然是否定了,当然不排除也有人用gif图片啊!下面我就来罗列三种实现loading动画效果的方法. 方法一:使用UIImageView自带的方法来实现,这也是我推荐的实现方法. NSMutableArray *array = [[NSMutableArray alloc] initWithObjects:[UIImage imageNamed:@"1.png"],[

数据处理等待效果实例代码

数据处理等待效果实例代码:在很多网站有数据处理等待效果,比如当数据正在加载或者其他处理活动的时候,会有一个特别的页面或者图标来说明数据正在处理,这样更加人性化,下面是一段代码片段,希望能够给大家带来一定的帮助.代码如下: $.ajax({ url:"url", data:dates, beforeSend:function(){ var h=document.body.clientHeight; $("<div class=\"datagrid-mask\&q