原文地址:http://www.cnblogs.com/lxblog/p/3425599.html

我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验。

今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外部的CSS样式,就可以创建一个Ajax Loading 指示器,且兼容以下浏览器:

Spin.js 的在线设计、演示及下载地址为http://fgnass.github.io/spin.js/

我们可以在链接页面中,动态设置样式同时会自动生成样式的配置脚本:

Spin.js 用法极其的简单:

显示 spinner

//target为显示spiner的父容器
var target=document.getElementById("id")
spinner.spin(target);

隐藏 spinner
 spinner.spin();

最新文章

  1. JVM中对象的销毁
  2. HAOI2015 泛做
  3. Oracle实战训练——ATM取款机业务
  4. vue data对象添加新属性触发视图
  5. net-snmp源码VS2013编译添加加密支持(OpenSSL)
  6. sql创建表格 转载
  7. Android系列之Fragment(三)----Fragment和Activity之间的通信(含接口回调)
  8. 【redis】 linux 下redis 集群环境搭建
  9. 查看.Net Framework版本的方法
  10. Markdown 是什么?
  11. scala中常用但其他语言不常见的符号含义
  12. Chrome浏览器扩展开发系列之五:Page Action类型的Chrome浏览器扩展
  13. 在前端页面对easyui中的datagrid与jqgrid加载后的数据进行操作
  14. Linux编辑器篇-分享10个最好的Markdown编辑器
  15. 关于 python中的 TKinterlistbox 控件加横竖滚动条
  16. PIL成就你的自信之路
  17. JAVA 同步之 synchronized 修饰方法
  18. 在WIN10上安装ESXI-Comstomer (转自技术社区)
  19. 解决win10休眠后无法唤醒
  20. H5实现的时钟

热门文章

  1. CUBRID学习笔记 47 show
  2. FZU 2216 The Longest Straight(最长直道)
  3. 寻找Linux单机负载瓶颈
  4. 文字垂直居中,水平居中 a标签水平居中只要给他的父级设置text-align=center
  5. Hibernate的集合映射与sort、order-by属性
  6. DDL之操作表
  7. 动态替换fragment
  8. WDS 的两种实现方式
  9. Android的启动模式(上)
  10. iOS开发之 Xcode 5 下让你的应用在不同状态(debug, release)有不同的图标