`
ihouge
  • 浏览: 11945 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

ajax动态Loading图标

阅读更多


用Ajax製做的網站最怕使用者誤以為網頁沒有在動做,所以大部分的網站都會在頁面上顯示「Loading」或者以其它的圖案表示正在讀取中。而這些按鈕其實根本不用自己動手做,因為網路上已經有人幫你做好囉!

透過AjaxLoad,您可以自由選擇27種不同的等待圖示,並且可以依照網站的風格選擇背景及前景顏色。只要做簡單的設定以後,網站就會替您產生好等待圖示囉^^"

網址:http://www.ajaxload.info/
分享到:
评论
7 楼 czwangelo 2007-06-19  
嗯,先mark一下
6 楼 scuhao 2007-02-06  
不错,收下~刚刚学习ajax中。。。
5 楼 qizhan 2007-02-05  
ouspec 写道
czwangelo 写道
不错的东西,可是这个图标又怎么把它用上去呢??
我是个新手,刚刚开始学Ajax,
如何让它在加载的时候,出现这个图标,等加载完了之后,又自动消失?


很多AJAX框架自动帮你处理。




有dwr实现的例子吗.

刚开始学习dwr..
4 楼 ouspec 2007-02-01  
czwangelo 写道
不错的东西,可是这个图标又怎么把它用上去呢??
我是个新手,刚刚开始学Ajax,
如何让它在加载的时候,出现这个图标,等加载完了之后,又自动消失?


很多AJAX框架自动帮你处理。
3 楼 rautinee 2007-02-01  
ihouge 写道
download it a..
如何让它在加载的时候,出现这个图标,等加载完了之后,又自动消失?
呵呵,刚学基础问题很多的,多看看ajax基础,类似地问题都能迎刃而解的


首先是用图层来实现loading图标与“系统处理中。。。”语句的显示,等
你的xmlObj.readyState == 4的时候就可以把图层的style的display设成none就ok了,或者显示其它的信息,如操作成功,或者操作失败等等。
2 楼 ihouge 2007-02-01  
download it a..
如何让它在加载的时候,出现这个图标,等加载完了之后,又自动消失?
呵呵,刚学基础问题很多的,多看看ajax基础,类似地问题都能迎刃而解的
1 楼 czwangelo 2007-01-31  
不错的东西,可是这个图标又怎么把它用上去呢??
我是个新手,刚刚开始学Ajax,
如何让它在加载的时候,出现这个图标,等加载完了之后,又自动消失?

相关推荐

    AJAX的等待图标(LOADING图标)

    而AJAX的等待图标,通常被称为LOADING图标,是用户体验设计中的一个重要元素。当用户触发一个需要后台处理的AJAX请求时,LOADING图标可以提示用户系统正在忙碌,增加用户的耐心,提高用户体验。 AJAX加载图标的设计...

    ajax等待loading图标

    当用户触发一个Ajax请求时,通常需要显示一个加载或等待图标(loading icon),以告知用户后台正在处理数据,这正是“ajax等待图标”的核心应用场景。 **一、Ajax简介** Ajax是一种在无需重新加载整个网页的情况下...

    分享11款精美 Ajax loading图标!

    当用户点击某个操作,页面需要时间加载数据时,显示一个美观的Ajax loading图标可以大大提高用户体验,让用户知道系统正在处理请求,而不是无响应。本文将深入探讨Ajax加载图标的重要性、设计原则以及如何在实际项目...

    用于AJAX程序的Loading图标汇总

    为了提升用户体验,开发者通常会在数据加载过程中显示“Loading”图标,以告知用户系统正在进行后台处理,这正是“用于AJAX程序的Loading图标汇总”这个资源包的目的。 首先,我们要理解什么是AJAX。AJAX是一种在不...

    几十个ajax loading图标,程序与网站制作必备

    "几十个ajax loading图标,程序与网站制作必备"这个资源集合,就是专门为开发者提供的这样一个工具库,它包含了一系列不同设计风格的loading图标,以适应各种项目需求。 Ajax(Asynchronous JavaScript and XML)是...

    AjaxLoading

    **AjaxLoading技术详解** 在网页开发中,AjaxLoading是一种常见的技术,用于实现页面内容的无刷新加载,提高用户体验。这个技术的核心是利用Ajax(异步JavaScript和XML)与页面加载动画相结合,使得用户在等待数据...

    loading(各种AJAX加载图片)

    - **经典加载图标**:如旋转的加载小圈、动态进度条等,给用户明确的加载指示。 - **CSS动画**:利用CSS3动画创建丰富的加载效果,如渐显、滑动、缩放等。 - **JavaScript库**:如`spin.js`、`nprogress.js`等,...

    loading图标大全

    "loading图标大全"可能是一个资源集合,包含多种不同风格、动画效果和格式的加载图标,旨在为开发者和设计师提供丰富的选择,以提升其产品的用户体验。 在网页或应用开发中,加载图标扮演着至关重要的角色。它们...

    收藏的ajax的loading图

    在网页开发中,"loading"和"ajax"是两个关键概念,它们紧密关联,共同提升了用户体验。"loading"通常指的是页面加载或者数据加载时显示的动画效果,它为用户提供了一个视觉反馈,表明系统正在处理请求,用户需要稍等...

    jquery ajax实例点击按钮触发Ajax loading

    在本实例中,我们将探讨如何利用jQuery的AJAX功能,通过点击按钮来触发一个加载动画(通常表现为一个"loading"图标或指示器),以提升用户体验,表明后台数据正在处理中。 首先,确保在项目中引入了jQuery库。你...

    Ajax等待图标 AJAX Activity Indicators

    总的来说,Ajax等待图标是提升网页交互体验的重要元素,正确地设计和使用它们,可以帮助用户理解页面的动态变化,提高用户满意度。无论是自定义开发还是使用现成的库,都应该考虑图标的设计原则,确保其与界面风格...

    loading gif图标集

    "loading gif 图标"通常用于AJAX(Asynchronous JavaScript and XML)技术中。AJAX允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,提高了网页的交互性和用户体验。然而,这种异步加载过程中...

    动态加载LOADDING小图标

    动态加载LOADDING小图标是网页或应用程序在处理异步数据请求时常用的一种用户体验优化手段。当用户触发一个需要时间完成的操作,如加载大量数据、提交表单或进行网络请求时,显示这样的小图标可以向用户表明系统正在...

    Ajax全局加载框(Loading效果)的配置

    它通常以一个半透明的遮罩层或动态图标的形式出现,增强用户体验,避免用户在等待过程中误操作。 **实现原理** Ajax全局加载框的实现主要基于jQuery的`ajaxSetup`方法,这是一个全局配置Ajax请求的函数。通过设置`...

    php+mysql+ajax分页+表格table+loading效果+css(已测试成功)

    在IT行业中,网页开发是不可或缺的一部分,而PHP、MySQL、Ajax和CSS这四者是构建动态、交互式网站的关键技术。下面将详细解释这些技术及其在分页和表格展示中的应用,以及如何实现loading效果。 1. PHP:PHP...

    各式各样的loading图片

    - GIF是一种支持动画的图像格式,常用于制作loading图标,因为它可以连续播放一系列帧,形成循环动画效果。 - 设计loading图标时,应考虑其简洁性、辨识度和与网站设计的匹配度,确保不影响用户体验。 - 使用CSS3...

    页面loading插件

    这种插件可以是简单的旋转图标,也可以是更复杂的动态效果,如进度条或波纹扩散等。它们不仅缓解了用户的等待焦虑,也提升了网站的专业形象。 在JSP(JavaServer Pages)环境中,开发者可以利用JavaScript、jQuery...

    JS基于Ajax实现的网页Loading效果代码

    综上所述,通过JavaScript和Ajax,我们可以实现一种动态的网页Loading效果,以提供更好的用户体验。这个实例展示了如何使用JavaScript控制DOM元素的显示和隐藏,以及如何利用事件监听来实现特定行为。在实际开发中,...

    php+ajax加载数据转圈动画图片.zip

    在IT领域,PHP和AJAX是两种非常关键的技术,它们在构建动态网页和提供流畅用户体验方面发挥着重要作用。本文将详细解析"php+ajax加载数据转圈动画图片.zip"所涉及的知识点,包括PHP服务器端处理、AJAX异步数据传输...

Global site tag (gtag.js) - Google Analytics