spin.js是一款非常简单的CSS加载器,他是一款使用了VML(Vector Makeup Language)的CSS动画效果。
spin.js的特性
他有着非常强大的适应性,有着以下几个特性:
1. 没有额外的图片,也没有增加的外部CSS文件
2. 不需要依赖于其他工具,对于jQuery而言,它支持jQuery,但是jQuery并非必须的
3. 有很高的可配置性
4. 与分辨率无关
5. 浏览器兼容性很好,在低版本的IE上,采用VML支持
6. 使用了@keyframe动画,在不支持@keyframe的浏览器上,使用setTimeout()
7. 支持所有的主流浏览器,包括IE6
spin.js的使用
spin.js动态创建进度条,并且是圆圈进度动画,它的高配置表现在可以配置颜色,放射线的宽度和长度,旋转是逆时针还是顺时针,还有旋转的速度。你可以设置一个数组,来存储这个进度条的属性:
1. var opts={
2. lines:11, //