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