更新时间:2019-08-24 13:18:49
1.调用动画必要的插件CSS和插件JS,如下:
<link rel="stylesheet" href="znbkLoading/css/loading.css"> <script src="znbkLoading/js/znbkLoading.js"></script>
2.写一个动画存放的div容器,如下:
<div id="loading"></div>
3.初始化动画方法,如下:
znbkLoading.givePaper("loading");//参数传div容器的ID
插件中已有的动画效果:
① 从左滚到右波浪上涨动画,调用方法:
znbkLoading.givePaper();
② 呼吸灯试卷闪动动画,调用方法:
znbkLoading.searchPaper();
③ 三个点,点点点动画,调用方法:
znbkLoading.pont();
④ 抽题雷达扫描,调用方法:
znbkLoading.radarPaper();
⑤ 进度条加载动画,调用方法:
znbkLoading.drawPaper();