跟试卷有关的三个加载动画效果

所属分类:UI,其他-加载,动画效果

 15534  197  查看评论 (0)
分享到微信朋友圈
X
跟试卷有关的三个加载动画效果 ie兼容10

更新时间: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();
相关插件-加载,动画效果

JQueryCanvas环形进度条(原创)

JQueryCanvas环形进度条插件
  加载
 31884  327

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 65162  406

申请表单进度表

申请表单进度表
  加载
 36621  498

jQuery动画进度条 实时显示进度百分比DEMO演示

jQuery动画进度条 实时显示进度百分比DEMO演示
  加载
 43507  344

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复