酷炫loading載入js外掛layer_loading
阿新 • • 發佈：2018-12-16
Layer_loading
1、依賴包
layer.js，jquery.js，可自行搜尋下載。
2、使用方法
首先，下載，其次，引入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內容。