jQuery演示9种不同的loading效果

shCircleLoader 是一个基于 jQuery 的插件，它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成，没有任何图片。shCircleLoader 还提供了众多属性，你可以根据这些属性自定义出各种各样的 Loading 效果。

分类：其它特效 > jQuery插件难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

shCircleLoader特点：

<ul class='ul_demo'> <li>通常不需要包括CSS文件,但是你可以从脚本关闭CSS样式，进行自定义。</li> <li>CSS“名称空间”允许您创建不同的加载动画在同一页</li> <li>自定义CSS关键帧animtion声明</li> <li>加载进程在画动中央显示</li> </ul>

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’, ”]	-