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

spin.js是一款非常实用的jQuery Ajax loading spin旋转指示器插件。在页面进行ajax调用的时候，需要一个指示器来告诉用户当前正处于加载状态。该旋转指示器的作用就类似于一个无线循环的进度条。

通过该旋转指示器插件，你可以自定义它的密度、大小、旋转速度和旋转方向等属性，非常方便实用。该jQuery旋转指示器的特点有：

没有使用图片，纯css制作。
没有使用外部依赖。
可配置性强。
高分辨率。
在旧的IE浏览器中使用VML回退。
实用CSS3 @keyframe动画，通过setTimeout()来回退
可以在所有的现代浏览器中工作，包括IE6。
压缩后的版本只有1.6K大小。
自由开放，使用MIT License协议。

在线演示：http://www.htmleaf.com/Demo/201503041461.html

下载地址：http://www.htmleaf.com/jQuery/Layout-Interface/201503041460.html

时间： 2024-10-12 04:41:03

jQuery实用Ajax loading旋转指示器插件的相关文章

Jquery中ajax加载提示插件blickUI

BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作.当它被激活时,它会阻止使用者与页面(或页面的一部分)进行交互,直至它被取消. BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的外观和行为. 这个插件的用法很简单. 1 阻止用户与页面交互: $.blockUI(); 2 自定义提示信息: $.blockUI({ message: '<h1><img src="busy.gif" /> Just a moment...&l

jQuery笔记（六）jQuery之Ajax

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :

JQuery实用技巧--学会你也是大神(1)——插件的制作技巧

前言 JRedu 学习之前,首先我们需要知道什么是JQuery? JQuery是一个优秀的javascript框架. JQuery是继Prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE,写更少的代码,做更多的事情.它是轻量级的js库,这是其它的js库所不及的,它兼容CSS3,还兼容各种常用浏览器. JQuery是一个快速的,简洁的JavaScript库,使用户能更方便地处理HTML documents.events.实现动画效果,

【JAVAWEB学习笔记】28_jqueryAjax：json数据结构、jquery的ajax操作和表单校验插件

Ajax-jqueryAjax 今天内容: 1.json数据结构(重点) 2.jquery的ajax操作(重点) 3.jquery的插件使用一.json数据结构 1.什么是json JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯.这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络

基于jquery的ajax分页插件（demo+源码）

前几天打开自己的博客园主页,无意间发现自己的园龄竟然有4年之久了.可是看自己的博客列表却是空空如也,其实之前也有写过,但是一直没发布(然而好像并没有什么卵用).刚开始学习编程时就接触到博客园,且在博客园学习了很多的知识,看过很多人的分享.说来也惭愧,自己没能为园友们分享自己的所学所得(毕竟水平比较差). 过去的一年也是辗转了几个城市换了几份工作(注定本命年不太平?).八月份来到现在所在的公司(OTA行业),公司是做互联网的,所以可能大家的前端都屌屌的?之前一直从事.NET开发(现在在这边也是),

小巧实用的数字加减插件（jquery插件）

自己的第一个jquery插件,规模虽然不大,但是小成就满满,对jquery又有了更进一步的认识. 简单实用的数字加减插件,实现通过加减按钮对文本框内的数字进行增减操作. 效果图: 参数: 默认值.最大值.最小值.增减度. 可单独对每个input设置参数,也可以对所有input统一设置.参考代码在下方: 使用方法: 1.引用css.js文件(记得引用jquery.min.js) 2.前台: 2.1无参数 <input type="text" class="numberTe

jQuery轻量级圆形进度指示器插件

radialIndicator是一款轻量级的jQuery圆形指示器插件.该圆形指示器插件支持颜色范围,动态修改值,格式化和百分比值等形式.它可以很好的和jquery或angular js一起工作. 在线演示:http://www.htmleaf.com/Demo/201502171390.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201502171389.html

第一百八十五节，jQuery，Ajax 表单插件

jQuery,Ajax 表单插件学习要点: 1.核心方法 2.option 参数 3.工具方法传统的表单提交,需要多次跳转页面,极大的消耗资源也缺乏良好的用户体验.而这款 form.js 表单的 Ajax 提交插件将解决这个问题. 一．核心方法官方网站:http://malsup.com/jquery/form/ form.js 插件有两个核心方法:ajaxForm()和 ajaxSubmit(),它们集合了从控制表单元素到决定如何管理提交进行的功能.

浅谈jQuery Pagination Ajax 分页插件的使用

插件介绍此插件是jQuery的ajax分页插件.分页切换时无刷新也无延迟,因为是一次性加载的.如果你用到此插件作分页的时候,涉及到的数据量大,建议不要使用此插件,因为加载慢会导致用户体验不好! 插件使用此插件使用比较简单.主要引入以下文件就可以用了 1.jquery.js依赖库 2.pagination.css 这个主要是样式,我们在元素使用的时候将分页列表放在class类为pagination的标签内即可 <div class='pagination'></div> 3.jq