ajax发送请求是图标转圈圈实现
css部分
.load-img{
//控制图标大小
width:40px;
height:40px;
margin:100px;
border-radius:50%;
-webkit-animation:circle 1s infinite linear;/*匀速 循环*/
margin: 0 auto;
}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
}
.load-img{
margin: 0 auto;
}
.load-img img{
width: 100%
}
ajax部分:
$.ajax({
data : {
userid: pageid,
id:17,
page:index,
fir_id:2,
sec_id:17,
limit:prepage,},
url : 'center',
type : 'post',
beforeSend: function () {
// 图标转转转
displayPart.html('<div class="load-img"><img src="/assets/img/load.png" ></div>');
},
success : function( json ){
json = JSON.parse( json );
var json = json.data
displayPart.html(insertCommon(json));
}
});
最新文章
- oracle函数,游标,视图使用总结0.000000000000000000001
- dojo/dom源码学习
- SpringIOC使用扩展
- PHP header函数的几大作用
- 使用PHP编写发红包程序
- 通过反射封装JDBC
- DDR3简介(一)
- jquery+thinkphp实现跨域抓取数据的方法
- 数组有没有 length()这个方法? String 有没有 length()这 个方法?
- Windows服务的创建、安装、卸载
- JXLS 2.4.0系列教程(一)——最简单的模板导出
- Laravel 怎么在 blade 视图中将带 HTML 字符原样输出
- 【Java】 剑指offer(57-1) 和为s的两个数字
- [USACO5.1] 乐曲主题Musical Themes
- b6
- day2 购物商城
- 在一台服务器上搭建相对高可用HiveServer实践
- HDU 2897 邂逅明下 ( bash 博弈变形
- 某labs上传writeup-上传漏洞总结
- 51nod 1686 二分+离散化