Layer_loading
1、依赖包
layer.js，jquery.js，可自行搜索下载。
2、使用方法
首先，下载layer_loading，其次，引入layer_loading.css和layer_loading.js，使用方法，直接调用方法lay_loading(type,color)，其中type是效果类型，取值0~14，color是自定义颜色，只支持16进制颜色代码，如果该效果支持自定义颜色，会自动应用，否则默认，：
代码块
demo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css"></style>
<link rel="stylesheet" type="text/css" href="css/layer_loading.css"/>
</head>
<body style="background:#07070c;">
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript" src="js/layer_loading.js"></script>
<script type="text/javascript">
//使用非常简单，先引入layer_loading.css、layer_loading.js、jquery.js和layer.js
//1、开启加载【说明】：
// lay_loading(type,color),
// type:loading类型效果，取值【0-14】，
// color：自定义颜色（如果该类型效果支持，则会自动应用），取值16进制颜色，如：#CCC或#CCCCCC
//lay_loading(0,'#2196F3');
//lay_loading(1,'#2196F3');
//lay_loading(2,'#2196F3');
//lay_loading(3,'#2196F3');
//lay_loading(4,'#2196F3');
//lay_loading(5,'#2196F3');
//lay_loading(6,'#2196F3');
//lay_loading(7,'#2196F3');
//lay_loading(8,'#2196F3');
//lay_loading(9,'#2196F3');
lay_loading(10,'#2196F3');
//lay_loading(11,'#2196F3');
//lay_loading(12,'#2196F3');
//lay_loading(13,'#2196F3');
//lay_loading(14,'#2196F3');
/*$.ajax({
url:'',
type:'POST',
data:{},
dataType:'JSON',
success:function (ret) {
//2、关闭加载
closeLay_loading();
//TO DO...
}
});*/
</script>
</body>
</html>
【说明】 关闭loading，直接调用 closeLay_loading()方法即可，请参考demo.html内容。
引用和参考
[1]: https://layer.layui.com/
[2]: https://jquery.com/
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
