【spin.js】的更多相关文章

spin.js

$ajax提交,菊花加载的方式和位置: $.ajax({ type: "get", url: "http://www.xxx.com/test.html", beforeSend: function(XMLHttpRequest){ //ShowLoading();菊花加载事件 }, success: function(data, textStatus){ //do something }, complete: function(XMLHttpRequest, te…

为大家分享一个 Ajax Loading —— spin.js

我们在做Ajax 异步请求的时候,一般都会利用一个动态的 Gif 小图片来制作一个Ajax Loading ,以便增加用户体验. 今天在网上发现了一个 Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外部的CSS样式,就可以创建一个Ajax Loading 指示器,且兼容以下浏览器: Spin.js 的在线设计.演示及下载地址为:http://fgnass.github.io/spin.js/ 我们可以在链接页面中,动态设置样式同时会自动生成样式的配置脚本: Spin.js 用…

为大家分享一个 Ajax Loading —— spin.js（转）

原文地址: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/s…

spin.js插件的转圈加载效果

先上插件链接地址:http://fgnass.github.io/spin.js/ 以下是使用spin.js插件的完整版测试例子: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>test_storage</title> <s…

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

特点: 1.无图片,无外部CSS 2.无依赖(支持jQuery,但非必须) 3.高度可配置 4.分辨率无关 5.旧版本IE不支持时,采用VML支持 6.使用关键帧动画,采用setTimeout() 7.兼容各种主流浏览器,包括IE6 8.MIT认证 spin.js动态创建进度条,可用来替换使用ajax加载gif图片 <body> <div id="myspin"></div> <script src="spin.js">…

使用spin.js优化等待ajax返回时的页面效果

[本文出自天外归云的博客园] 最近在做一个JIRA信息统计的系统,在统计JIRA关联信息的过程中由于需要等待ajax返回结果到前端,时间较长,所以要添加一段等待时的loading画面,使用spin.js实现效果如下: 使用方法: 1. 在js函数中准备弹出loading效果的地方加上如下代码,弹出loading画面,以下为“调用代码”: bootbox.dialog({ message:'<div style="text-align:center;height:150px;padding-…

加载动画插件spin.js的使用随笔

背景: 在请求后台的“漫长”等待过程中,为了提升用户体验,需要一个类似  的加载动画效果,让用户明确现在处于请求过程中,而不是机子down掉或者网站死了 静态demo(未与后台交互): HTML代码如下 <!doctype html> <html> <head> <title>Test Spin Demo</title> <script type="text/javascript" src="http://co…

Loading——spin.js

官网:[http://spin.js.org/] Github地址:[https://github.com/fgnass/spin.js]…

jQuery动态加载动画spin.js

在线演示 本地下载…

js spin 加载动画（loading）

js spin 加载动画 最近做页面ajax加载是又用到loading动画,还好有一个spin.js 具体的包大家可以去http://fgnass.github.com/spin.js/下载, 如果想在页面里出现loading动画,大家只要这么做就可以了 首先页面里要有:<div class="w-load"><div class="spin"></div></div> 一定要有一个包含.spin的标签,然后调用 洒家…