Skip to content

FantasticLBP/HUD

Repository files navigation

HUD for jQuery

This animation is written by css.

Demo

<link rel="stylesheet" type="text/css" href="loaders.css" />
<script src="jquery-2.1.0.js"></script>
<script src="loader.js" type="text/javascript"></script>

then in your js code :

//加载状态
loadingWithMessage("正在请求数据",1);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",2);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",3);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",4);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",5);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",6);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",7);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",8);
//结束动画
dismiss();

效果图

//加载状态
loadingWithMessage("正在请求数据",9);
//结束动画
dismiss();

效果图

如果有不懂的地方可以加入QQ交流群讨论:515066271。这个QQ群讨论技术范围包括:iOS、H5混合开发、前端开发、PHP开发,欢迎大家讨论技术。