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

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

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

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

jQuery顶部加载动画插件loadBar.js

loadBar是一个轻量级的(最小2KB)jQuery插件,当加载内容时,页面顶部显示一个漂亮的动画条。
  加载
 30270  364

progress 标签制作加载(原创)

利用HTNL5新标签制作进度条加载,代码非常简单且实用。
  加载
 14465  214

3D立体环形进度图表

3D立体环形进度图表,只要传入0100的整数,就能显示对应的百分比,大小自适应。
  加载
 34764  330

jQuery 圆型进度条

jQuery canva圆型进度条,可通参数快速修改进度条
  加载
 36288  339

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

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