为大家分享一个 Ajax Loading —— spin.js(转)
2015-03-30 15:33
225 查看
原文地址:/article/5139662.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();
我们在做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();
相关文章推荐
- 为大家分享一个 Ajax Loading —— spin.js
- 为大家分享一个 Ajax Loading —— spin.js
- 为大家分享一个 Ajax Loading —— spin.js
- 为大家分享一个 Ajax Loading —— spin.js
- 一个 Ajax Loading —— spin.js
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
- 用ajax.dll来做一个异步数据的交互例子大家分享
- 给大家分享一个省市区选择框_js实现
- loading.io一个loading图标网站,跟大家分享
- 本文实例讲述了AngularJS+bootstrap实现动态选择商品功能。分享给大家供大家参考,具体如下: 项目中后台一个商品库,新建活动时动态选择所需商品
- 分享一个页面访问计数的js代码给大家
- 分享一个基于长连接+长轮询+原生的JS及AJAX实现的多人在线即时交流聊天室
- 发现一个非常好用的前端js自动补全插件,分享给大家(false)
- 自己写了一个展开和收起的js效果...分享给大家
- 给大家分享一个jQuery TAB插件演示
- 分享一个MVC的多层架构,欢迎大家拍砖斧正
- 福利到~分享一个基于jquery的智能提示控件intellSeach.js
- 分享一个基于 Node.js 的 Web 开发框架 - Nokitjs
- 同一个js方法中两段ajax执行顺序不确定
- 分享一个精简的vue.js 图片lazyload插件