shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 Loading 效果。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值
shCircleLoader特点:
- 通常不需要包括CSS文件,但是你可以从脚本关闭CSS样式,进行自定义。
- CSS“名称空间”允许您创建不同的加载动画在同一页
- 自定义CSS关键帧animtion声明
- 加载进程在画动中央显示
HTML
<div class="loading"></div>
jQuery
$('.loading').shCircleLoader({
//options
});
参数 | 描述 | 默认值 |
namespace | 命名空间,添加一个 class 名称 | shcl |
radius | Loading 的圆角弧度,默认值为 auto,将根据选择器的宽高自动计算 | auto |
dotsRadius | 圆点圆角弧度 | auto |
color | 圆点颜色,默认为 auto,将从选择器中获取 | auto |
dots | 圆点的个数 | 12 |
duration | 每个圆点的动画时间,单位为秒 | 1 |
clockwise | 顺时针旋转 | false |
externalCss | 使用外部的 CSS,即不使用插件本身的 CSS | false |
keyframes | 自动 CSS3 动画效果,默认值为 0%{{prefix}transform:scale(1)}80%{{prefix}transform:scale(.3)}100%{{prefix}transform:scale(1)} | - |
uaPrefixes | 前缀,用于兼容各种浏览器,默认值为 [‘o’, ‘ms’, ‘webkit’, ‘moz’, ”] | - |
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群