spin.js

授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 武晨
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

一款基于 CSS3 的 Loading 加载动画,可自定义参数的,比如半径、旋转速度等都可以通过右侧的滑杆来设置。压缩后仅 1.9 k,不需要任何图片和任何外部的 CSS 样式。

使用方法:

var opts = {
  lines: 12, // The number of lines to draw
  length: 7, // The length of each line
  width: 5, // The line thickness
  radius: 10, // The radius of the inner circle
  color: '#000', // #rbg or #rrggbb
  speed: 1, // Rounds per second
  trail: 100, // Afterglow percentage
  shadow: true // Whether to render a shadow};var target = document.getElementById('foo');var spinner = new Spinner(opts).spin(target);
  • spin.js这个小东西搞了好久才明白该怎么使用,官方文档实在太简单,不考虑我等小白啊~~ 例如你有一个js的function,来和后台交互产生数据显示,但需要一定时间,而这段时间不适用loading就会给用户感觉假死。。 那么,spin.js很适合这种场景。 function aaa(a, b, c) { var opts = { lines: 12, // 菊花瓣的数目

  • spin.js是一款很easy的CSS载入器,他是一款使用了VML(Vector Makeup Language)的CSS动画效果。 spin.js的特性 他有着很强大的适应性。有着下面几个特性: 1.    没有额外的图片。也没有添加的外部CSS文件 2.    不须要依赖于其它工具,对于jQuery而言,它支持jQuery,可是jQuery并不是必须的 3.    有非常高的可配置性 4.  

  • spin.js是什么?说白了就是一个loading时的菊花图案。 官方的地址是:http://fgnass.github.com/spin.js/ 特点: + 不含图片,无需外接CSS文件 + 原生JavaScript,不依赖任何库 + 可配置性高 + 没有分辨率限制 + 对旧版IE通过VML实现 + 使用@keyframe实现动画,用setTimeout()对下兼容 + 能运行在所有主流浏览器上

  • 根据博文https://www.cnblogs.com/liu-fa/p/5925381.html,理解spin()和spinOnce(): 先上根据博文修改为自己的测试代码, 消息发送端代码talker.cpp: #include<ros/ros.h> #include "std_msgs/String.h" #include <sstream> int main(int argc,char

  • 记录一下spin复现的流程 遇到的问题及解决方案 1、neural-renderer-pytorch 报错如下 ERROR: Command errored out with exit status 1: command: /opt/tools/anaconda3/envs/spin/bin/python -u -c 'import io, os, sys, setuptools, toke

  • 如何全局使用? 1、在man.js引入Spin import {Spin} from 'ivew' 2、将Spin挂载到Vue对象原型上 Vue.prototype.$Spin = Spin 3、在子组件调用 this.$Spin.show()

  • Spin.js 的在线设计、演示及下载地址为:http://fgnass.github.io/spin.js/ 添加引用: <!-- bootstrap-4.1.3 --> <link rel="stylesheet" href="/Content/new_wechat/dist/bootstrap-4.1.3/css/bootstrap.min.css" /> <!-- jQuery 2.2.

  • 用来替换删除数组元素的  // 添加 // 为0时不删除项目直接添加数组项,不为0时会删除指定位置指定个数的项目然后再添加新项目 var spliceArr0 = ["aaa","bbb"]; var spliceArr1 = spliceArr0.splice(1,0,"xx"); 结果:spliceArr0: [aaa,xx,bbb]; spliceArr1: [] // 删除数组项,

  • http://stsmedia.net/spring-finance-part-4-spring-js-dojo-bean-validation/ 转载于:https://www.cnblogs.com/zhangliang0115/archive/2012/02/23/2365147.html

  • ROS1 ros::spin()和ros::spinOnce()函数 关于ros消息发布器和订阅器的教程: http://wiki.ros.org/ROS/Tutorials/WritingPublisherSubscriber(c++) 消息发布器在一个while里面一直循环发送“hello world”到话题(topic)chatter上。消息订阅器一旦知道chatter上面有data,就会将