ajax loading 图标在线制作及收藏 – WEB前端开发

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
jQuery API 中文文档|前端资源|jQuery Mobile 1.3 中文API(翻译中)|jQuery源代码查看|CSS3代码生成(演示)|CSS优化|JS压缩|JS格式化|CSS手册(含CSS3)

WEB前端开发

专注前端开发,关注用户体验

  • 首页
  • JS
    • jQuery
  • html+css
    • html5+css3
  • 前端快报
  • 前端观察
  • jQuery中文API
  • 前端文档
    • Underscore.js (1.5.2) 中文文档
    • Underscore.string.js (2.0.0) 中文文档
    • Underscore.string.js (2.3.0) 中文文档
    • Backbone.js 中文API文档
  • 关于我
  • 广告投放

ajax loading 图标在线制作及收藏

时间:2009年04月18日作者:愚人码头查看次数:19,912 views评论次数:21

Ajax在载入的过程中页面会出现空白,从用户体验的角度看这是非常不友好的,至少让用户知道你的网站正在努力的加载中,即使是假装异步载入中,呵呵。通常为了弥补ajax的这个缺点,我们会加Ajax载入的时候回加上一句话:“数据正在加载中…”,为了更好的用户体验,会再使用一个loading小图标,让用户在等待的同时知道数据正在加载中,甚至不会感到无聊。

这里提供一些loading 图标在线制作及收藏,loading 图标在线制作可以选择图形,前景,背景,透明背景,载入速度,使之与你的页面完美的融合。

1.ajaxload

2009-04-18_1256041

 

2.preloaders.net

2009-04-18_124652

3.Web Script Lab

2009-04-18_131459

4.Chimply generates your images

2009-04-18_131648

5.Load Info – gif generator

2009-04-18_132135

6.AJAX Activity indicators (收藏站)

2009-04-18_132437

PS:以上在线制作的各站建议使用firefox浏览,避免脚本错误。

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《ajax loading 图标在线制作及收藏》

标签:Ajax,loading图标分类:JS

您可能感兴趣的文章

  • 05-20一个简陋的ajax删除效果
  • 10-16一个简易的ajax封装
  • 11-18使用console.table()调试javascript(6)
  • 11-04如何封装Node.js和前端通用的模块(3)
  • 08-22JavaScript 中的陷阱(15)
  • 07-08javascript函数的throttle和debounce(5)
  • 07-05IE10 CSS Hack(顺便聊聊IE11的CSS Hack)(13)
  • 07-02jQuery的data()方法(3)
  • 06-28HTML 5 的data-* 自定义属性(3)
  • 06-27window resize和scroll事件的基本优化(5)
  • 上一篇:css酷站欣赏-30个音乐网站
  • 下一篇:分享WEB2.0 Phtoshop的图层样式和渐变样式
  1. jackkane on said:

    不错。。支持下。

    [回复]

  • JSun on said:

    不错 老外什么都做的很细很人性化

    [回复]

  • Pingback: ajax loading 图标在线制作及收藏 « 互次元|关注前端,探索未来

  • Pingback: 前端开发小工具集合 – WEB前端开发- 专注前端开发,关注用户体验

  • Pingback: 前端开发小工具集合 : 绿茵豪门的主场

  • Pingback: 前端开发小工具集合 | 夜空神游

  • Pingback: 收集的前端开发小工具 – 爱网络,爱前端

  • Pingback: 前端必备工具 | VeryUED | 飞长用户体验设计

  • Pingback: 前端开发小工具集合 _ 源码下载_淘宝营销_免费资源-分享互联网资源

  • Pingback: 前端开发小工具集推荐

  • Pingback: 前端开发小工具集合 _ 源码下载_淘宝营销_免费资源-分享互联网资源

  • Pingback: 前端开发小工具集合(2011-05-24更新 | 小脚丫博客-热点观察互联网和web前端开发的IT科技博客

  • Pingback: Ajax Loading 图标在线制作及收藏 | 刘召考的博客 | 童话天使的博客 | Kevin's Blog

  • Pingback: 前端开发中常用工具集合 _ 前端开发-页面重构-jQuery-HTML5-CSS3-JavaScript-前端体验

  • Pingback: 分享2011最新前端开发工具集合 | 快讯分享网

  • Pingback: 前端开发小工具集合 « 关注以用户为中心的设计—Tokgoo

  • Pingback: 前端开发小工具集合 | 最前端 - Rex's blog

  • Pingback: 前端开发小工具 | 专注前端开发,分享js/CSS前端技巧

  • Pingback: 前端开发小工具集合 | 牛X死啦

  • Pingback: 前端开发小工具集合(2011-05-24更新) | web开发博客

  • Pingback: 前端开发小工具集合 | hancc

  • RSS | 订阅本站 新浪微博 前端开发群

    文章分类

    近期文章

    近期评论

    标签云

    jquery 前端招聘 jQuery插件 前端开发工具 css3 招聘 JavaScript css IE6 BUG 前端开发 HTML5 jQuery点滴 jQuery入门 css hack mac IE6 hasLayout 前端开发工程师 IE8 ieTester

    热门文章

    • 作为一名前端开发工程师居然没有IE6!
    • 【新】关于前端开发工程师的地域、薪水、工龄、技能的调查
    • IE8的css hack
    • 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新)
    • IE9的css hack
    Copyright © WEB前端开发, All Rights Reserved.Theme by 愚人码头.静态文件由又拍云存储提供 登录.注册

    随意打赏

    提交建议
    微信扫一扫,分享给好友吧。