1. 首页
  2. SEO百科
  3. Web前端

spin.js基础指南_loading加载动画

spin.js基础指南

官方网址:http://spin.js.org

spin.js基础指南_loading加载动画

GitHub:https://github.com/fgnass/spin.js

简介描述:loading加载动画

spin.js无图片实现loading进度条,支持但非依赖jquery。

spin.js特点:

1.无图片,无外部CSS
2.无依赖(支持jQuery,但非必须)
3.高度可配置
4.分辨率无关
5.旧版本IE不支持时,采用VML支持
6.使用关键帧动画,采用setTimeout()
7.兼容各种主流浏览器,包括IE6
8.MIT认证  

安装

npm install spin.js

使用

<link rel="stylesheet" href="node_modules/spin.js/spin.css">
import {Spinner} from 'spin.js';

var target = document.getElementById('foo');
new Spinner({color:'#fff', lines: 12}).spin(target);
海计划公众号