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

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

 15877  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实现图片预加载

jquery实现图片预加载
  加载
 50487  446

jQuery步骤条step插件(原创)

一款step分步步骤条插件
  加载
 63578  401

js环形进度条

js环形进度条,再也不怕js了
  加载
 66490  531

HTML5手机端手指滑动上拉加载

jQuery HTML5手机端手指滑动上拉加载代码是一款通过jquery实现tab切换和上拉加载更多的效果,适用于手机端页面开发。
  加载
 56096  585

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

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