版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 皮革与可持续时尚
- 动物模型研究
- 标准收购合同文本
- 竹架板批发供应协议
- 瓦工班组分包的劳务条件
- 个性化入学保证书样式
- 岩土工程锚索分包劳务合同
- 在建期房购买协议
- 合同终止保安服务协议
- 安全协议书模板汇编
- 第7课认认真真学打字(教案)- 三年级上册信息技术 人教版
- 部编版道德与法治五年级上册【第四单元】全单元课件
- 人教版九年级上册化学实验报告单
- 民族团结主题班会教学课件
- 国开成本会计第14章综合练习试题及答案
- 幼儿园教育活动设计与指导(第二版)教案第二章第二节幼儿园语言教育活动设计二
- 外观检查记录表
- GB∕T 13171.1-2022 洗衣粉 第1部分:技术要求
- 气温的变化与分布 完整版课件
- 现在完成时的用法 完整版课件
- 中小学古诗词首
评论
0/150
提交评论