shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 Loading 效果。
淘建站为您提供更多_其它特效_jQuery插件_加载_circle,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 301 次
觉得不错,可打赏下作者
免费共享
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’, ”] | - |

