js自定义loading样式最低兼容IE6

一般显示一个正在加载的页面提示我们都使用gif，现在完成用js可以自定义一个loading图案，而且兼容性极好兼容IE6/7/8。

<script type="text/javascript" src="js/spin.js"></script>
<script>

var opts = {
 lines: 13, // 共有几条线组成
 length: 7, // 每条线的长度
 width: 4, // 每条线的粗细
 radius: 10, // 内圈的大小
 corners: 1, // 圆角的程度
 rotate: 0, // 整体的角度（因为是个环形的，所以角度变不变其实都差不多）
 color: '#fff', // 颜色 #rgb 或 #rrggbb
 speed: 1, // 速度：每秒的圈数
 trail: 60, // 高亮尾巴的长度
 shadow: false, // 是否要阴影
 hwaccel: false, // 是否用硬件加速
 className: 'spinner', // class的名字
 zIndex: 7, // z-index的值 2e9（默认为2000000000）
 top: '50%', // 样式中的top的值（以像素为单位，写法同css）
 left: '50%' // 样式中的left的值（以像素为单位，写法同css）
};

var target = document.getElementById('foo');
var spinner = new Spinner(opts);
spinner.spin(target); //显示加载
spinner.spin(); //隐藏加载

*代码要先放在DOM元素后面

网上在线调试：http://fgnass.github.io/spin.js/