`
flare
  • 浏览: 124724 次
  • 性别: Icon_minigender_1
  • 来自: 天尽头
社区版块
存档分类
最新评论

AJAX案例

阅读更多

个人门户:http://www.protopage.com
简  介:利用AJAX技术实现的个人门户,页面上包括各种Panel(模块):新闻,图片,RSS阅读器,天气预报,记事本,收藏夹,Email信箱等。

功能十分强大,可以设置页面背景的颜色或图像,Panel的标题颜色,及整个的配色方案(类似于skin),各个Panel之间的定位可以层叠或不层叠。可以建立新的页面,每个页面可以设置为公开或私人。

一个个人门户基本的结构是:
  Homepage
   /        \         \
  Page1   Page2  PageN
    /     \
Panel1 Panel2



 

 

网址:http://mp3.baidu.com
内容:百度Mp3的试听页面
特点:采用Ajax技术加载歌词,并且歌词根据词曲滚动,并自动把正在演唱的歌词加重显示

前几天偶然发现百度MP3的试听歌曲可以实现歌词动态滚动,看了下源文件,终于发现了Ajax的痕迹。准确的说是AJAH,呵呵,而且Only For IE。

主要是一个JS函数来实现这个效果,效果图如下:

 

 

分享到:
评论

相关推荐

    Ajax案例(JSP)

    在这个“Ajax案例(JSP)”中,我们将探讨如何在JSP应用中使用Ajax技术。 首先,了解Ajax的核心概念: 1. **异步通信**:Ajax允许浏览器在不阻塞用户操作的情况下向服务器发送请求,这使得页面在后台与服务器进行...

    ASP.NET Ajax 案例

    在"ASP.NET AJAX案例"中,我们可以深入学习如何在实际项目中运用这项技术。这通常包括以下几个方面: 1. **UpdatePanel组件**:这是ASP.NET AJAX中最常见的控件,用于实现页面的部分刷新。通过将控件放入...

    ajaX 案例大全以及基本操作代码

    在"ajaX案例大全以及基本操作代码"中,我们可以期待看到一系列的实例,涵盖了AJAX的多种应用场景和基本操作。 1. **异步通信**:AJAX的核心是创建XMLHttpRequest对象,这个对象允许浏览器在后台与服务器进行通信。...

    prototype-AJAX案例

    在"prototype-AJAX案例"中,你可能会看到这些方法的具体应用,以及如何与服务器进行交互,如何处理返回的数据,以及在成功或失败时如何执行相应的回调函数。通过分析案例代码,你可以深入理解Prototype如何简化AJAX...

    Ajax案例开发.rar

    在"Ajax案例开发.rar"这个压缩包中,很显然包含了一些关于Ajax应用的实例,这些案例可以帮助我们深入理解Ajax的工作原理和实际应用。 首先,我们需要理解Ajax的核心概念。它主要由以下几个关键组件组成: 1. **...

    ajax案例-经典案例开发大全

    综上所述,"Ajax案例-经典案例开发大全"涵盖了Ajax在实际开发中的多种应用场景,结合jsp的使用,为开发者提供了丰富的实践素材,有助于提升Web应用程序的性能和用户体验。通过深入学习和实践这些案例,开发者可以更...

    Ajax案例(验证用户名,登录,获取服务器时间)

    以下是基于提供的标题和描述的三个Ajax案例的详细知识点: 案例一:获取服务器时间 在这一案例中,开发者通常会创建一个JavaScript函数,使用Ajax技术向服务器发送一个请求,请求的目标是获取服务器当前的时间。这...

    AJAX案例.xls

    AJAX案例基础学习:AJAX案例.xls

    JavaWeb之ajax案例—省市联动

    总结来说,"JavaWeb之ajax案例—省市联动"是通过AJAX技术和XML数据交换来实现的一种交互效果。它涉及客户端JavaScript的异步请求、服务器端的数据处理和返回,以及前端的动态渲染。这个案例对于理解和掌握AJAX在实际...

    采用Json、Jquery实现Ajax案例

    在"采用Json、Jquery实现Ajax案例"中,我们可以学习到以下几个关键知识点: 1. **JSON数据格式**:理解JSON的基本结构,包括对象(键值对,用花括号{}包围)和数组(有序集合,用方括号[]包围)。例如: ``` { ...

    机器人Ajax案例.zip

    这个"机器人Ajax案例.zip"可能包含了一个或多个示例,用于展示如何使用Ajax技术来实现自动化或交互式的机器人功能。让我们深入探讨Ajax的核心概念、工作原理以及在实际项目中的应用。 Ajax的核心是JavaScript,它...

    ajax案例(实例全析)

    在这个"ajax案例(实例全析)"的压缩包中,我们很可能会找到一系列展示Ajax技术实际应用的示例代码。 ### 1. 基本概念 Ajax的核心是JavaScript对象XMLHttpRequest,它允许JavaScript在后台与服务器通信。通过创建...

    ajax 案例

    综上所述,这些Ajax案例涵盖了从基本的登录验证到复杂的购物网站功能,展示了Ajax在提高网页交互性和效率方面的强大能力。学习和理解这些案例,对于提升前端开发技能,尤其是优化用户体验方面具有重要意义。开发者...

    很好的ajax案例

    ### 知识点详解:很好的Ajax案例分析 #### Ajax(Asynchronous JavaScript and XML)简介 Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使...

    如何创建Ajax案例代码

    如何创建Ajax案例代码

    AJAX案例(未设计dao层代码,X马)

    在AJAX案例中,DAO层通常负责与数据库交互,获取或更新数据,然后将结果返回给前端。然而,题目描述提到的案例没有设计DAO层,这意味着它可能仅涉及前后端的数据交换,而不涉及实际的数据库操作。 总结,AJAX是Web...

    基于Javascript的ajax案例设计源码

    本项目是基于Javascript的ajax案例设计源码,包含21个文件,其中HTML文件7个,Java源文件6个,JAR文件3个,JavaScript文件3个,XML文件1个,JSP文件1个。该项目可能是一个展示ajax技术的案例,由于缺乏具体的描述,...

    ajax图书管理案例

    【Ajax图书管理案例详解】 Ajax(Asynchronous JavaScript and XML)技术是现代Web开发中的一个重要工具,它使得网页可以在不刷新整个页面的情况下与服务器进行数据交互,提升了用户体验。在这个"ajax图书管理案例...

Global site tag (gtag.js) - Google Analytics