为大家分享一个 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/spin.js/

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

Spin.js 用法极其的简单:

显示 spinner

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

隐藏 spinner
 spinner.spin();

时间: 2024-10-03 03:35:14

为大家分享一个 Ajax Loading —— spin.js(转)的相关文章

分享一个很有意思的js,动态时钟显示,能跟随鼠标移动

原文:分享一个很有意思的js,动态时钟显示,能跟随鼠标移动 源代码下载地址:http://www.zuidaima.com/share/1550463688182784.htm

jQuery实用Ajax loading旋转指示器插件

spin.js是一款非常实用的jQuery Ajax loading spin旋转指示器插件.在页面进行ajax调用的时候,需要一个指示器来告诉用户当前正处于加载状态.该旋转指示器的作用就类似于一个无线循环的进度条. 通过该旋转指示器插件,你可以自定义它的密度.大小.旋转速度和旋转方向等属性,非常方便实用.该jQuery旋转指示器的特点有: 没有使用图片,纯css制作. 没有使用外部依赖. 可配置性强. 高分辨率. 在旧的IE浏览器中使用VML回退. 实用CSS3 @keyframe动画,通过s

福利到~分享一个基于jquery的智能提示控件intellSeach.js

一.需求 我们经常会遇到[站内搜索]的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示.例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户使用.说白了,就是用户边输入,系统会提示相关的结果:或者,当用户点击搜索框时,就推荐一些内容,如360.百度都会提示今天的主要新闻或搜索量大的内容. jquery 已经有一个这样的插件了,叫 autocomplete, 但我觉得不好用.关于autocomplete的介绍也很多,有兴趣的朋友可以去试试

全局为每一个ajax请求都附带一个loading效果 .ajaxSend

描述: 在Ajax请求发送之前绑定一个要执行的函数,这是一个 Ajax Event. 添加的版本: 1.0.ajaxSend( handler(event, jqXHR, ajaxOptions) ) handler(event, jqXHR, ajaxOptions) 类型: Function() 被调用的函数. 每当一个Ajax请求即将发送,jQuery就会触发ajaxSend事件,在这个时间点所有处理函数都会使用.ajaxSend()方法注册并执行. 观察这种方法,建立一个基本的Ajax加

分享一个控制JS 浏览器缓存的解决办法。

 JS 缓存的问题一直都是我们又爱又恨的东西.也是我们比较头痛的问题, 一方面为了提高网站响应速度,减少服务器的负担,和节省带宽,将需要将静态资源缓存在客户端, 但是另一方面,当js 文件有改动的时候,如何快速的将客户端缓存的js文件都失效,这是非常头痛的问题. 以至于每次客户反馈问题的时候,我们第一个解决办法都是清理浏览器缓存. 那么如何解决呢. 1. 直接禁止全部的静态文件缓存 在html 头部加上如下代码: <META HTTP-EQUIV="pragma" CONTENT

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容

分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容 在写JS的过程中,为了调试我们常常会 写很多 console.log.console.info.console.group.console.warn.console.error代码来查看JS 的运行情况,但发布时又因为IE不支持console,又要去掉这些代码,一不小心就会出错 问题的产生 在写JS的过程中,为了调试我们常常会写很多 console.log.console.info.console.group.console.

我来分享一个快速设置背景的js

我来分享一个快速设置背景的js (需要jq支持!) 快速切图铺页面用---就是不需要手动输入背景图的长宽 自动获取背景图的长宽 : <div class="wrap"> <div style="background: url(images/by_01.jpg) no-repeat top center;"></div> <div style="background: url(images/by_02.jpg) no

分享一个将指定日期格式的字符串转为日期的js函数toDate

今天发现easyui的datetimebox不能正常显示日期,接着自然就是实现toDate的功能,google了下,没找到满意的,都写的很罗嗦.自己写一个,本来以为js的正则也可以用命名group来弄,但是目前看javascript好像不支持.现在实现的代码如下,希望对有需要的人也有帮助. //by dragonimp 2015.5.3 //使用方法: //"2015-5-5 9:10:10".toDate("yyyy-M-d hh:mm:ss") //"

ajax:在jquery基础上又封装了一个ajax

1.2是正确的,4是前端错误,404,url错误,找不到路径,5是服务器端错误 2.多个表单需要提交所以用到了表单序列化 3. 4.post请求也可以?+参数,但是不见这样写, 5.load:把远程服务端的数据加载到客户端 6.返回信息放在最后的function中,xhr是一个返回对象,所有信息都在里面,status是返回状态 7.post和get不管请求成功还是失败都有值,ajax中写的success是请求成功才有参数 8.提交表单,浏览器支持的默认方式是submit的,如果type是butt