版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
JavaScript语言与Ajax应用(第二版)利用JavaScript实现动画效果8.1动画效果的用途8.2构建动画对象8.3扩展动画对象8.4利用JavaScript库实现动画效果02十一月2024JavaScript语言与Ajax应用(第二版)28.1动画效果的用途在Web应用页面设计中,动画效果有时候会被认为华而不实,尤其是在被滥用的时候。但恰如其分的动画效果对页面设计是很有帮助的,而且动画效果还被用来提示用户页面上发生的事件。在传统的Web应用页面设计中,用户在页面上执行的操作都是有反馈的。单击一个提交按钮或单击一个链接,浏览器都会给出正在提交或正在跳转的提示,直到页面加载完毕。但是在引入Ajax技术之后,页面就可能在不刷新的情况从Web服务器获取数据,这时候就需要一种方式告诉用户执行了什么动作,或者正在执行什么动作。02十一月2024JavaScript语言与Ajax应用(第二版)38.1动画效果的用途提示性的动画效果告诉用户,当前页面还在听话的运行着,没有出现任何的错误。动画效果还适合用来展示或隐藏信息。如果只是简单的改变一些页面元素的可见性,用户很可能会忽略页面上发生的情况。如果在改变页面元素可见性的同时给元素加上动画效果,用户这马上能发现页面的改变,并且把自己的操作和这些改变联系起来。适当的动画效果还可以改善用户的浏览体验02十一月2024JavaScript语言与Ajax应用(第二版)48.2构建动画对象8.2.1回调8.2.2动画队列02十一月2024JavaScript语言与Ajax应用(第二版)58.2.1回调对于动画效果,我们需要关注3个时刻:动画效果开始:此时可以执行一些与动画效果开始相关的任务,比如在此时改变某个图片的显示。动画效果的每一步:此时可以执行代码跟踪动画效果相关元素的状态,也可以检测动画效果元素之间是否有交错。动画结束:此时可以执行一些元素操作或开始Ajax调用之类的代码。02十一月2024JavaScript语言与Ajax应用(第二版)68.2.2动画队列动画队列也就是按顺序执行的一组动画效果。02十一月2024JavaScript语言与Ajax应用(第二版)78.3扩展动画对象在Effect动画效果对象的基础上,我们可以针对不同的页面效果要求扩展出对应的动画效果类。接下来我们来创建一个新闻列表页面,页面上的内容按照新闻标题→内容→新闻标题→内容的顺序依次排列下来。02十一月2024JavaScript语言与Ajax应用(第二版)88.4利用JavaScript库实现动画效果8.4.1jQuery8.4.2ExtJS02十一月2024JavaScript语言与Ajax应用(第二版)98.4.1jQueryjQuery是一个极其精简并且高效的库,我们可以使用它来快速完成许多动画效果。jQuery库提供的方法链非常适合用来快速添加动画效果,把任何一个获取到的DOM元素交给动画效果对象就可以了。02十一月2024JavaScript语言与Ajax应用(第二版)108.4.2ExtJSExtJS是一套完整的界面部件库,它提供了构建富客户端Web应用程序所需要的全部功能。同时ExtJS库也提供了Ext.Fx对象,专门用于实现各种动画效果。同jQuery库一样ExtJS库也适合用来快速添加动画效果,把任何一个获取到的DOM元素交给动画效果对象就可以了。02十一月2024JavaScript语言与Ajax应用(第二版)11
本章小结本章主要说明了如何利用JavaScript实现页面上的动画效果,并且重点介绍了JavaScript动画对象的构建过程。通过本章,希望读者能够了解利用JavaScript实现页面动画的原理,并能够在Web应用开发中自己构建JavaScript对象来实现所需的动画效果。本章最后重点讲解了两个典型的JavaScript库jQuery与ExtJS在动画效果的实现上提供的便捷方法。在对jQuery与ExtJS库动画效果的举例说明中只涉及到了常用的一
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 放大电路课程设计
- 摊位布置租赁方案简单
- 色彩构成与分析课程设计
- 搏击教学课程设计
- 插画背景课程设计教案大班
- 插座盖模具课程设计
- 控制原理课程设计
- 金融与投资管理课程设计
- 传染病疫苗接种知识普及
- xx医院 医疗安全与风险管理制度
- 政治思想品德考核表
- 翅片冲床作业指导书
- 工程款请款单
- 供货及运输、安全保障措施
- 单亲家庭儿童团体辅导记录
- 人教版九年级物理全一册全册完整课件
- 2023年基金从业资格考试《基金法律法规、职业道德与业务规范》辅导教材
- 习作:让生活更美好课件
- 篆刻体验活动问印社宣传PPt解析课件
- 大学生创新创业理论及实践PPT完整全套教学课件
- 服务机器人人工智能训练师技术应用题库学生组(附答案)
评论
0/150
提交评论