loading等待载入正在加载的动画GIF图片圆形图标

转载 2016年08月31日 11:36:02

loading等待载入正在加载的动画GIF图片圆形图标

 作者禁止转载,只能给出他的网页链接了,本人觉得他的动图挺不错的,大小也挺合适的!

http://blog.sina.com.cn/s/blog_4ad042e50102ek2v.html

http://download.csdn.net/detail/love_xiolan/9617710


等待框代码,

/*** 等待提醒 开始 ***********************************************************************************************  
-yzy  
-20150408  
说明:在Ajax请求数据的时候,显示等待界面*/  
  
            // 1、这里显示等待框  
            $('#YWaitDialog').show();  
  
        // 2、这里进行ajax的请求  
            $.post("/Indent/SelectDevice", { DeviceName: $("#DeviceName1").val(), DepartmentID: $("#DepartmentID").val(), Page: 1, departmentName: $("#departmentName1").val() }, function (data) {  
                if (data != null) {  
                    $("#Devices").html(data);  
                }  
  
                // 3、请求完成隐藏等待框  
                $('#YWaitDialog').hide();  
            });  
        });  
    })  
</script>  
  
  
  
@*等待框的样式定义*@  
<div id="YWaitDialog"   
    style="background-color: #e0e0e0;   
    position: absolute;   
    margin: auto;   
    top: 150px;   
    left: 300px;   
    display: none;   
    height: 60px;   
    width: 300px;">  
    <p style="text-align: center; vertical-align: central;">  
        请等待,正在查询数据  <img src="~/Content/images/img_y/dialog_icon/YWaitDialogIcon2.gif" />  
    </p>  
</div>  
@**** 等待提醒 结束 ***********************************************************************************************@  

转载自:http://blog.csdn.net/arrowzz/article/details/45070887


恶作剧:

<html>
<head>
<title>开心一刻-----哈哈</title>
</head>
<body>
	好玩的很哦
	<P>
		<SCRIPT language=JavaScript>
			alert("欢迎你来到这里!")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("真的,你走运了!")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("你真厉害")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("你是怎样知道本站的?")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("同学介绍的吗?")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("哈哈呵呵")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("你被他骗了!")
		</SCRIPT>
		<SCRIPT language=JavaScript>
			alert("别难过了~~~")
		</SCRIPT>
		哥就是那么帅
		<SCRIPT language=JavaScript>
			alert("祝贺你!你终于出来了!恭喜恭喜!")
		</SCRIPT>
	</P>
</body>
</html>




正在加载的各种gif图片

  • 2016年12月12日 15:31
  • 1.65MB
  • 下载

“正在加载”的动态gif图标

  • 2011年03月19日 10:42
  • 56KB
  • 下载

使用Glide加载GIF图时遇上的问题

在第一个页面中,使用Glide加载GIF时,未设置asGif或diskcachestrategy.NONE,第一个页面中的ImageView能正常加载并播放GIF图: @BindingAda...
  • qq_27840621
  • qq_27840621
  • 2017年10月26日 01:14
  • 579

前端加载动画/加载等待动画

在加载前端的数据的时候,很多时候不能用进度条来衡量不定数据量。此时加载动画就有用武之地了。可以在数据请求时显示加载动画,等动画加载完成再隐藏加载动画,让前端更具交互友好性。 网上百度了很多关于这方...
  • sxpsxp12
  • sxpsxp12
  • 2017年01月17日 15:09
  • 1355

Bootstrap 动画过渡效果

Bootstrap默认给各组件提供了基本的动画过渡效果,值得注意的是,Bootstrap使用的动画过渡效果全部使用了CSS3的语法,所以IE6、IE7、IE8是不能用动画过渡效果了。 默认情况下,以...
  • u010874036
  • u010874036
  • 2016年03月17日 17:31
  • 6526

基于Bootstrap的表单或Ajax提交等待效果。

(第一步)引入bootstrap所需要样式与js。  (...
  • aa80303857
  • aa80303857
  • 2017年04月07日 10:20
  • 4926

BootStarp3 模态框制作页面加载等待

新建小项目,由于大量使用AJAX,为增强用户体验,需页面等待效果。 效果截图: css图片: 不能上传附件~~ 只能贴代码了… js官网下载具体代码: 等待效果 ...
  • ms1217892643
  • ms1217892643
  • 2016年08月02日 11:06
  • 2617

CSS实现的loading页面等待效果

有些页面加载起来比较慢,为了加强用户体验效果,所以一般都会做一个页面加载等待的提示,页面加载完成后消失。下面是用CSS实现的一个简单的页面加载等待效果,大家可以参考: 无标题文档 .loa...
  • playboyanta123
  • playboyanta123
  • 2012年11月14日 17:52
  • 45562

jquery实现页面等待时的交互效果

探索这个是因为前端在请求后台有时候需要较长的一段时间,如果不给不用户一些提示性的消息,如正在加载之类的,用户可能会以为页面已死,所以还是得简单的做点交互才行。 思路如下: 在触发请求后台之前便开始等待...
  • werewolf_st
  • werewolf_st
  • 2015年10月17日 17:25
  • 6775

bootstrap得动态进度条

Bootstrap的动态进度条: html: 创建一个modal   这里使用fade先将modal隐藏起来,然后modal里面嵌入progress 代码很简单 ...
  • panzuhong234234
  • panzuhong234234
  • 2016年04月19日 17:10
  • 8439
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:loading等待载入正在加载的动画GIF图片圆形图标
举报原因:
原因补充:

(最多只允许输入30个字)