Spin.js是一个动态制作网页加载动画的脚本插件。它是轻量级的，不使用任何图片。它依赖于jQuery插件，但没有版本差异。它兼容几乎所有的浏览器，包括IE6等较老的浏览器。任何支持Javascript脚本的浏览器都可以流畅的显示加载动画。
简单使用
var opts = { lines: 12，//要绘制的线数长度:7，//每条线的长度宽度:5，//线的粗细半径:10，//内圆拐角的半径:1，//拐角圆度旋转:0，//旋转偏移方向:1，// 1:顺时针，-1:逆时针颜色:' #000 '，// #rgb或#rrggbb或颜色数组速度:1，//每秒轨迹圈数:100，//余辉百分比阴影:真， //是否渲染阴影hwaccel: false，//是否使用硬件加速className: 'spinner '，//分配给spinner的CSS类zIndex: 2e9，//z-index Top:' 50% '，//相对于父级左侧的顶部位置:' 50%' //相对于父级的左侧位置}； var target = document . getelementbyid；var spinner = new Spinner.spin
spin方法创建必要的HTML元素并启动动画。如果目标元素作为参数传递，则spinner控件是添加的第一个子元素，水平和垂直居中。
特征
没有图像，没有外部CSS，没有相关性，高度可配置的独立分辨率，VML作为旧的IES回退，关键帧动画，settimeout在所有主流浏览器中工作，包括IE 6元MIT许可证。
Spin.js动态创建一个旋转活动的指示器，可以独立更改为解析到Ajax加载GIF。
自定义呼叫
您可以调用spin方法，方法是手动插入不带任何参数的旋转到DOM的HTML元素，并使用EL属性:
var spinner = new Spinner.spintarget.appendChild
位置
因为密室逃脱的旋转者:冠军联赛0元0元S完全位于其部分母50元%。也许你的顶部和左侧选择位置手动旋转。
旋转元素是一个0元× 0元像素的DIV，代表旋转的中心。因此，如果{top: 0元，left: 0元}，则只有右下四分之一的旋转会在目标的边界框中。
隐藏旋转
隐藏微调器并调用stop方法，这将消除DOM中的UI元素并停止动画。停止spinner并重复调用spin方法。
JQuery插件
Spin.js需要jQuery。反正你要用jQuery，可以用这个插件。
支持的浏览器
Spin.js已在以下浏览器上成功测试:
ChromeSafari 3.2+Firefox 3.5+IE 6，7，8，9 opera 10.6+手机Safari Android 2.3+
下载地址
地址:http://fgnass.github.io/spin.js/发展局:http://fgnass.github.io/spin.js/spin.js压缩版:http://fgnass.github.io/spin.js/spin.min.js
